ساختار Object در جاوا اسکریپت


آبجکت ها برای نگهداری اطلاعاتی برای یک شئ استفاده می شوند . مثلا :
1- برای نگهداری نام،نام خانوادگی،سال ورود،سن،شماره دانش آموزی و … یک دانش آموز
2- برای نگهداری نام ، مدل ، شماره پلاک ، رنگ ،سال ساخت و … یک خودرو
و … از آبجکت ها استفاده کرد . حالا اگر علاقه مند به یادگیری این مبحث بودید میتونید ویدئو زیر رو تماشا کنید و تا انتهای مقاله همراهمون باشید.
ساختار Object :
ابتدا باید برای آبجکت ها مانند متغیر ها نوع (let , const , var ) و نام دلخواه انتخاب کنیم .
سپس درون {} برای آبجکت مورد نظر keyword و برای هر کدام value در نظر گرفت .
برای مثال میتوان یکی از موارد فوق را به صورت آبجکت نوشت :
گاهی اوقات ما نیاز داریم تا چک کنیم که آیا یک keyword در آبجکت وجود دارد یا نه ، به منظور این کار میتوانیم با استفاده از دستور if (برای دیدن اموزش if روی ان کلیک کنید . ) به صورت زیر استفاده کنیم :
} (if ( ‘model’ in user
; (‘console.log(‘car has a model
{
و اگر بخواهید به تمام keyword های آبجکت خود دسترسی داشته باشید میتوانید از دستور زیر استفاده کنید .
; (const keys = Object.keys(car
; (console.log(keys
Clone کردن یک Object :
روش اول :
یکی از راه های کلون کردن یک آبجکت این است که یک آبجکت جدید و خالی تعریف کرده و با استفاده از حلقه for (برای دیدن اموزش for روی ان کلیک کنید . ) آبجکت اول را clone کرد برای مثال :
; {} = const tempcar
} for ( let key in car )
; tempcar[key] = car[key]
{
اکنون دو آبجکت با keyword و value های برابر ایجاد شده است.
روش دوم :
روش دیگری که میتوانید از ان استفاده کنیم انتقال تک به تک عناصر است . برای مثال :
; {} = const tempcar
; tempcar[‘name’] = car[‘name’]
روش سوم :
روش دیگری هم وجود دارد به نام object.assign که بسیار ساده است به طور مثال :
(const tempcar = Object.assign( {} , car
اکنون object با نام car درون object خالی tempcar کلون شده است همانطور که مشاهده میکنید object.assign دو پارامتر گرفته است که پارامتر اول object خالی است که قرار است object قدیمی در آن کلون شود و پارامتر دوم همان object قدیمی است .
در این روش اگر بخواهیم عنصر جدیدی را اضافه کنیم کافی است آنرا درون {} که پارامتر اول است اضافه کنیم :
} ) const tempcar = Object.assign
; ‘condition = ‘used
( car , {
این مقاله بخش کوجکی از دوره آموزش جامع و پروژه محور جاوا اسکریپت هست که میشه گفت یکی از بهترین دوره های آموزش جاوا اسکریپت حال حاضر به حساب میاد. پیشنهاد میکنم نگاهی به سرفصل های این دوره بندازید.
مطالب زیر را حتما مطالعه کنید
آموزش کار با timing event ها
معرفی DOM به زبان ساده
constructor function در جاوااسکریپت
factory function در جاوا اسکریپت
this در جاوا اسکریپت (JavaScript)
تفاوت for in و for of
2 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
مقاله خوبی بود ممنون
خواهش میکنم.