آموزش پروپرتی ها(Properties) در جاوا اسکریپت

یک آبجکت(Object) درواقع یک مجموعه ی نامرتب از پروپرتی ها(Properties) است.  

پروپرتی ها، مهمترین بخش از آبجکت های جاوا اسکریپت هستند. 

پروپرتی ها را می توانیم تغییر دهیم، اضافه کنیم، حذف کنیم و برخی از آنها، فقط خواندنی(read only) هستند. 

حرف خودمونی: می توانید پروپرتی ها را متغیرهای درون یک آبجکت در نظر بگیرید. 

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

سینتکس یا شیوه ی نوشتاری برای دسترسی به پروپرتی یک آبجکت به صورت زیر است:

// objectName.property
let age = person.age;

یا به صورت زیر است:

//objectName["property"]
let age = person["age"];

یا به صورت زیر است:

//objectName[expression]
let age = person[x];

"سن "+ person.firstname + " " + person.age + " سال است.";

"سن "+ person["firstname"] + " " + person["age"] + " سال است.";

let x = "firstname";
let y = "age";
person[x] + " is " + person[y] + " years old.";

اضافه کردن پروپرتی های جدید در جاوا اسکریپت

برای اضافه کردن یک پروپرتی جدید به یک آبجکت موجود، می توانیم به صورت زیر آن را ایجاد کنیم و یک مقدار به آن بدهیم:

 person.nationality = "English"; 

حذف کردن پروپرتی ها در جاوا اسکریپت

با استفاده از کلمه ی کلیدی delete می توانیم یک پروپرتی را از یک آبجکت حذف کنیم:

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

delete person.age;

یا می توانیم از دستور delete person["age"] استفاده کنیم:

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

delete person["age"];

نکته: کلمه ی کلیدی delete هم مقدار یک پروپرتی و هم خود پروپرتی را حذف می کند. پس از حذف، پروپرتی نمی تواند قبل از اینکه دوباره اضافه شود، مورد استفاده قرار گیرد. 

آبجکت های تودرتو در جاوا اسکریپت

ما می توانیم در مقدار پروپرتی های یک آبجکت، آبجکت های دیگری قرار دهیم:

myObj = {
  name:"John",
  age:30,
  myCars: {
    car1:"Ford",
    car2:"BMW",
    car3:"Fiat"
  }
}

ما می توانیم با استفاده از علامت نقطه یا براکت به آبجکت های تودرتو دسترسی داشته باشیم:

myObj.myCars.car2;

 myObj.myCars["car2"]; 

 myObj["myCars"]["car2"]; 

let p1 = "myCars";
let p2 = "car2";
myObj[p1][p2];

منبع: https://www.w3schools.com/js