٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

آموزش خصوصیات شی JavaScript

Properties مهمترین قسمت هر شی JavaScript است. خصوصیات جاوا اسکریپت Properties مقادیر مرتبط با یک شی JavaScript هستند. یک شی JavaScript مجموعه ای از خصوصیات غیر مرتب است. خصوصیات معمولاً قابل تغییر ، افزودن و حذف هستند ، اما بعضی…

محمد یوسفی

24 جولای 2021

Properties مهمترین قسمت هر شی JavaScript است.


خصوصیات جاوا اسکریپت

Properties مقادیر مرتبط با یک شی JavaScript هستند.

یک شی JavaScript مجموعه ای از خصوصیات غیر مرتب است.

خصوصیات معمولاً قابل تغییر ، افزودن و حذف هستند ، اما بعضی از آنها فقط خواندنی هستند.


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

نحو دستیابی به ویژگی یک شی object این است:

objectName.property      // person.age

یا

objectName["property"]   // person["age"]

یا

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

این عبارت باید به یک نام خاص ارزیابی شود.

مثال 1

person.firstname + " is " + person.age + " years old.";

مثال 2

person["firstname"] + " is " + person["age"] + " years old.";

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

for...inدستور JavaScript ویژگی های یک شی را مرور می کند.

نحو

for (let variable in object) {
  // code to be executed
}

بلوک کد داخل for...inحلقه برای هر خاصیت یک بار اجرا می شود.

حلقه زدن از طریق خصوصیات یک شی:

مثال

const person = {
  fname:" John",
  lname:" Doe",
  age: 25
};

for (let x in person) {
  txt += person[x];
}

افزودن ویژگی های جدید

شما می توانید به سادگی با دادن مقدار به آن ، ویژگی های جدیدی به آن اضافه کنید.

فرض کنید که شی شخص از قبل وجود داشته باشد – سپس می توانید ویژگی های جدیدی به آن بدهید:

مثال

person.nationality = "English";

حذف خصوصیات

deleteکلمه کلیدی حذف یک ملک از یک شی:

مثال

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

delete person.age;

یا حذف شخص [“سن”] ؛

مثال

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

delete person["age"];

deleteکلمه کلیدی حذف هر دو ارزش ملک و اموال خود را.

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

deleteاپراتور طراحی شده است که در خواص شی استفاده می شود. هیچ تأثیری روی متغیرها و توابع ندارد.

از deleteعملگر نباید در خصوصیات شی object JavaScript از پیش تعریف شده استفاده شود. این می تواند برنامه شما را خراب کند.


اشیا Nest تو در تو

مقادیر موجود در یک شی can می تواند شی object دیگری باشد:

مثال

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

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

مثال

myObj.cars.car2;

یا:

مثال

myObj.cars["car2"];

یا:

مثال

myObj["cars"]["car2"];

یا:

مثال

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

آرایه ها و اشیا Nest تو در تو

مقادیر موجود در اشیا can می توانند آرایه ها باشند و مقادیر آرایه ها می توانند اشیا باشند:

مثال

const myObj = {
  name: "John",
  age: 30,
  cars: [
    {name:"Ford", "models":["Fiesta", "Focus", "Mustang"]},
    {name:"BMW", "models":["320", "X3", "X5"]},
    {name:"Fiat", "models":["500", "Panda"]}
  ]
}

برای دسترسی به آرایه ها در داخل آرایه ها ، برای هر آرایه از یک حلقه for-in استفاده کنید:

مثال

for (let i in myObj.cars) {
  x += "<h1>" + myObj.cars[i].name + "</h1>";
  for (let j in myObj.cars[i].models) {
    x += myObj.cars[i].models[j];
  }
}

ویژگی های املاک

همه خصوصیات یک نام دارند. علاوه بر این آنها همچنین دارای یک ارزش هستند.

مقدار یکی از ویژگی های خاصیت است.

ویژگی های دیگر عبارتند از: قابل شمارش ، تنظیم و نوشتن.

این ویژگی ها نحوه دسترسی به خاصیت را مشخص می کند (آیا قابل خواندن است؟ ، آیا قابل نوشتن است؟)

در جاوا اسکریپت ، همه ویژگی ها قابل خواندن هستند ، اما فقط ویژگی مقدار قابل تغییر است (و فقط در صورت نوشتن ویژگی).

(ECMAScript 5 روش هایی برای بدست آوردن و تنظیم همه ویژگی های ویژگی دارد)


خصوصیات نمونه اولیه

اشیا Java جاوا اسکریپت خصوصیات نمونه اولیه خود را به ارث می برند.

deleteکلمه کلیدی خواص به ارث برده را حذف کنید، اما اگر شما یک ملک نمونه را حذف کنید، تمام اشیاء به ارث برده از نمونه را تحت تاثیر قرار.

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها