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

#آبجکت
💎 نکات کاربردی درمورد آبجکت ها

👈 برای حذف پراپرتی های درون یک آبجکت می توانید از دستور Delete obj.property استفاده کنید که در این دستور obj نام آبجکت و property نام پراپرتی مورد نظر می باشد.

👈نام پراپرتی چند کلمه ای را باید درون دابل کوتیشن قرار داد مانند مثال زیر :

const myObj = {
"first Name" : "milad",
age:30,
country: "IRAN"
}

👈 نام ویژگی/پراپرتی های چند کلمه ای را نمی توان به نقطه نوشت.

myObj.first Name = "milad"  // SyntaxError
myObj["first Name"] ="milad"  // --> milad

👈 برای دریافت نام یک ویژگی از کاربر به وسیله تابع prompt می توانید به شکل زیر عمل کنید

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

let bag = {
  [fruit]: 5
};

alert( bag.apple );

در مثال بالا اگر نام ویژگی توسط کاربر apple وارد شود دستور آلرت مقدار 5 را نمایش می دهد در غیر این undefined را برگشت می دهد.
نکته: نام متغیر fruit را می بایست درون کروشه [ ] قرار دهید.

👈 در صورتی که نام پراپرتی و متغیر حامل مقدار آن پراپرتی، با هم یکسان باشد می توانید به صورت زیر خلاصه بنویسید.

let age = 30;
let name = "milad"

const person = {
age,
name
}

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

let age = 30;
let name = "milad"

const person = {
age:age,
name:name
}

👈 برخلاف متغیر ها که نمی توان از اسامی رزرو شده نظیر for , return و نظیر آن استفاده کرد، در انتخاب اسم پراپرتی ها بدون این محدودیت میتوانید از اسامی رزرو شده استفاده کنید.

👈 در انتخاب نام پراپرتی، میتوانید از اعداد نیز استفاده کنید. جاوااسکریپت اعداد استفاده شده در نام پراپرتی را به طور خودکار به رشته تبدیل می کند.

const obj = {
0: "milad"
}
console.log(obj[0]===obj["0"]) // true

👈 در انتخاب نام پراپرتی نمیتوانید از عبارت __proto__ استفاده کنید.

👈 برای بررسی وجود یا عدم وجود یک پراپرتی در یک آبجکت میتوانید از دستور in استفاده کنید

"key" in myObj

دستور بالا، پراپرتی ای به نام key را در آبجکت myObj جستجو می کند و خروجی آن به صورت بولین خواهد بود.

👈 برای حلقه زدن در یک آبجکت میتوانید از حلقه ی for ... in استفاده کنید به سینتکس زیر :

for (key in object) {
 ....

}

کد بالا، در هر بار حله زدن، نام پراپرتی ها به ترتیب در متغیر key قابل دسترس خواهد بود.

🌐 @pieceJS

👍6👏2

611 viewsedited 10:47