اشیاء(Objects) در جاوا اسکریپت

اشیاء در جاوا اسکریپت تقریباً به تمام جنبه های زبان نفوذ می کنند. بنابراین ما باید قبل از هر کار دیگری باید انها را خوب درک کنیم .یک object  را می توان با براکت هایی به شکل {…} با لیست دلخواه از ویژگی ها ایجاد کرد. یک ویژگی یک جفت “key: value” است، جایی که در آن key یک رشته است (همچنین“property name”نامیده می شود)، و value می تواند هر چیزی باشد.

ما می توانیم یک object را به عنوان یک کابینت با پرونده های امضا گردیده تصور کنیم.هر قطعه داده در فایل خود توسط کلید ذخیره میگردد.که جستوجوی یک فایل را به وسیله نام آن و یا عملیات افزودن/حذف آن را برای ما راحتتر می کند.

let user = new Object(); // "object constructor" syntax
let user = {};  // "object literal" syntax

let user = {     // an object
  name: "John",  // by key "name" store value "John"
  age: 30        // by key "age" store value 30
};

// get property values of the object:
alert( user.name ); // John
alert( user.age ); // 30

user.isAdmin = true;

delete user.age;

let user = {
  name: "John",
  age: 30,
  "likes birds": true  // multiword property name must be quoted
};

let user = {
  name: "John",
  age: 30,
}

// this would give a syntax error
user.likes birds = true

let user = {};

// set
user["likes birds"] = true;

// get
alert(user["likes birds"]); // true

// delete
delete user["likes birds"];

let user = {
  name: "John",
  age: 30
};

let key = prompt("What do you want to know about the user?", "name");

// access by variable
alert( user[key] ); // John (if enter "name")

let user = {
  name: "John",
  age: 30
};

let key = "name";
alert( user.key ) // undefined

let fruit = prompt("Which fruit to buy?", "apple");

let bag = {
  [fruit]: 5, // the name of the property is taken from the variable fruit
};

alert( bag.apple ); // 5 if fruit="apple"

براکت ها بسیار قوی تر از نوتیشن دات هستند. آنها هر گونه نام و متغیری را مجاز می دانند. اما نوشتن آنها دست و پا گیرتر است. بنابراین در مواقعی که نام اشیاء ساده است، از نوتیشن دات استفاده میکنیم. و اگر به چیز پیچیده‌تری نیاز داشتیم، آنگاه از براکت ها استفاده مینماییم.

Property value shorthand

در کد های واقعی ما اغلب از متغیرهای موجود به عنوان مقادیر برای نام ویژگی ها استفاده می کنیم.

برای مثال:

function makeUser(name, age) {
  return {
    name: name,
    age: age,
    // ...other properties
  };
}

let user = makeUser("John", 30);
alert(user.name); // John

در مثال بالا، ویژگی ها با نام متغیرها یکسان هستند.استفاده از این روش بسیار رایج می باشد.که برای این روش نیز خاصیت خاصی برای کوتاه کردن کدها وجود دارد.که ما میتوانیم بجای  name:name فقط از  name استفاده نماییم.

function makeUser(name, age) {
  return {
    name, // same as name: name
    age,  // same as age: age
    // ...
  };
}

همچنین ما می توانیم از هر دو ویژگی معمولی و کوتاه در یک شی استفاده کنیم:

let user = {
  name,  // same as name:name
  age: 30
};

Property names limitations

در بخش های قبل خواندیم که یک متغییر نمیتواند برا خود نامی داشته باشد که آن نام جزء  کلمات رزو شده مانن  “for”, “let”, “return” و …باشد.اما برای یک ویژگی شی، چنین محدودیتی وجود ندارد:

// these properties are all right
let obj = {
  for: 1,
  let: 2,
  return: 3
};

alert( obj.for + obj.let + obj.return );  // 6

به طور خلاصه بهتون بگم که نام پراپرتی ها هیچ محدودیتی ندارند.و همه انها به طور خودکار به رشته تبدیل می گردند.

به عنوان مثال، عدد 0 هنگامی که به عنوان کلید ویژگی استفاده می شود، تبدیل به یک رشته “0” می شود:

let obj = {
  0: "test" // same as "0": "test"
};

// both alerts access the same property (the number 0 is converted to string "0")
alert( obj["0"] ); // test
alert( obj[0] ); // test (same property)

یک gotcha  کوچک با ویژگی خاصی به نام __proto__ وجود دارد. ما نمی توانیم آن را روی یک مقدار غیر شی تنظیم کنیم:

let obj = {};
obj.__proto__ = 5; // assign a number
alert(obj.__proto__); // [object Object] - the value is an object, didn't work as intended

let user = {};

alert( user.noSuchProperty === undefined ); // true means "no such property"

"key" in object

let user = { name: "John", age: 30 };

alert( "age" in user ); // true, user.age exists
alert( "blabla" in user ); // false, user.blabla doesn't exist

let user = { age: 30 };

let key = "age";
alert( key in user ); // true, property "age" exists

let obj = {
  test: undefined
};

alert( obj.test ); // it's undefined, so - no such property?

alert( "test" in obj ); // true, the property does exist!

در کد بالا، ویژگی obj.test از نظر فنی وجود دارد. بنابراین عملگر in درست کار می کند.چنین چیزهایی به ندرت اتفاق می‌افتد، زیرا مقدار تعریف نشده نباید به صراحت اختصاص یابد. ما بیشتر از null برای مقادیر “unknown” یا  “empty” استفاده می کنیم.

The “for…in” loop

برای حرکت روی تمام کلیدهای یک شی، شکل خاصی از حلقه وجود دارد:  for..in این یک چیز کاملاً متفاوت با ساختار(;;)for  است که قبلاً خواندیم.که سینتکس آن به شکل زیر میباشد.

for (key in object) {
  // executes the body for each key among object properties
}

به عنوان مثال، بیایید تمام ویژگی های  userرا خروجی بگیریم:

let user = {
  name: "John",
  age: 30,
  isAdmin: true
};

for (let key in user) {
  // keys
  alert( key );  // name, age, isAdmin
  // values for the keys
  alert( user[key] ); // John, 30, true
}

توجه داشته باشید که تمام ساختارهای “for” به ما اجازه می دهند که متغیر حلقه را در داخل حلقه اعلام کنیم، مانند let key در اینجا.همچنین، می‌توانیم به جای key از نام متغیر دیگری در اینجا استفاده کنیم. به عنوان مثال، "for (let prop in obj)"  نیز به طور گسترده استفاده می شود.

Ordered like an object

let codes = {
  "49": "Germany",
  "41": "Switzerland",
  "44": "Great Britain",
  // ..,
  "1": "USA"
};

for (let code in codes) {
  alert(code); // 1, 41, 44, 49
}

• USA (1) اول میشود.
• سپس Switzerland (41) و غیره

کدهای تلفن به ترتیب صعودی مرتب میشوند، زیرا اعداد صحیح هستند. بنابراین ما 1، 41، 44، 49 را می بینیم.

از طرف دیگر اگر، اگر کلیدها غیر صحیح باشند، به ترتیب ایجاد فهرست می شوند.به عنوان مثال:

let user = {
  name: "John",
  surname: "Smith"
};
user.age = 25; // add one more

// non-integer properties are listed in the creation order
for (let prop in user) {
  alert( prop ); // name, surname, age
}

بنابراین، برای رفع مشکل کدهای تلفن، می‌توانیم با غیر صحیح کردن کدها «تقلب» کنیم. اضافه کردن علامت پلاس  "+"قبل از هر کد کافی است.

let codes = {
  "+49": "Germany",
  "+41": "Switzerland",
  "+44": "Great Britain",
  // ..,
  "+1": "USA"
};

for (let code in codes) {
  alert( +code ); // 49, 41, 44, 1
}

حالا همانطور که میخواستیم کار میکنه.

دوستان گرامی به پایان جلسه اشیاء در جاوا اسکریپت رسیدیم امیداواریم این مقاله برای شما مفید باشد.

سایر مقالات

توابع در جاوا اسکریپت

حلقه ها در جاوا اسکریپت