"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > نعم للتكرار على "الكائنات" في جافا سكريبت

نعم للتكرار على "الكائنات" في جافا سكريبت

تم النشر بتاريخ 2024-08-02
تصفح:101

ays to iterate over “objects” in javascript

يحتوي كائن جافا سكريبت على خصائص زوج القيمة الرئيسية ويختلف التكرار على الكائن عن المصفوفات. يمكن تكرار الكائنات باستخدام حلقات for...in وObject.keys() وObject.values() وObject.entries(). دعونا نرى كيف يمكنك استخدام كل طريقة:

1. استخدام for...in الطريقة

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
 for(let key in persons){
     console.log(`${person[key]} : ${key}`)
}
   //output
   // name: 'John',
   // age: 30,
   // occupation: 'Engineer'

2. استخدام Object.keys (): الطريقة

object.keys() هي طريقة جافا سكريبت التي تأخذ الكائن كوسيطة وتعيد مجموعة من المفاتيح

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
const Object_keys = Object.keys(person);
console.log(Object_keys)// [ 'name', 'age', 'occupation']```




```

يمكننا استخدام object.keys() للتكرار على الكائن

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
const Object_keys = Object.keys(person);

//here first i have used Object_keys array which i got from Object.keys(person);
for(let i = 0 ; i

شخص ثابت = {
    الاسم: "جون"،
    العمر: 30,
    المهنة : "مهندس"
  };
const Object_keys = Object.keys(person);

// هنا أولاً استخدمت مصفوفة Object_keys التي حصلت عليها من Object.keys(person);
for(let i = 0; i

3.استخدام Object.entries():

Object.entries()

هي طريقة جافا سكريبت التي تأخذ الكائن كوسيطة وتعيد مجموعة ثنائية الأبعاد من زوج القيمة الرئيسية

const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };
const Object_keys = Object.keys(person);

//here first i have used Object_keys array which i got from Object.keys(person);
for(let i = 0 ; i

شخص ثابت = {
    الاسم: "جون"،
    العمر: 30,
    المهنة : "مهندس"
  };

const Object_keyValue = Object.entries(person);

//انتاج
// [ 

، ، ]


const person = {
    name: 'John',
    age: 30,
    occupation: 'Engineer'
  };

for (const [key, value] of Object.entries(person)) {
  console.log(`${key} : ${value}`);
}

//output
   // name: 'John',
   // age: 30,
   // occupation: 'Engineer'


Object.entries()

للتكرار على الكائن شخص ثابت = { الاسم: "جون"، العمر: 30, المهنة : "مهندس" }; لـ (const [مفتاح، قيمة] لـ Object.entries(person)) { console.log(`${key} : ${value}`); } //انتاج // الاسم: "جون"، // العمر: 30، // المهنة: "مهندس"

4. استخدام Object.values():


const myObject = {
  prop1: 'value1',
  prop2: 'value2',
  prop3: 'value3'
};

const values = Object.values(myObject);

for (const value of values) {
  console.log(value);
}



Object.values() تُرجع مصفوفة من قيم الخاصية القابلة للعد الخاصة بالكائن. يمكن أن يكون هذا مفيدًا إذا كنت مهتمًا فقط بالقيم وليس المفاتيح.

كونست ماي أوبجيكت = { الدعامة 1: "القيمة 1"، الدعامة 2: "القيمة 2"، الدعامة 3: "القيمة 3" }; قيم ثابتة = Object.values(myObject); لـ (القيمة الثابتة للقيم) { console.log(value); } ays to iterate over “objects” in javascript

بيان الافراج هذه المقالة مستنسخة على: https://dev.to/sagar7170/4-ways-to-iterate-over-objects-in-javascript-1e8p?1 إذا كان هناك أي انتهاك، يرجى الاتصال بـ [email protected] للحذف هو - هي
أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3