جستجو برای:
  • خانه
  • مهارت های کامپیوتر
    • شبکه
    • ابزار های مایکروسافت افیس
    • ویندوز
  • برنامه نویسی و طراحی سایت
    • کد نویسی سمت کاربر
    • کد نویسی سمت سرور
    • cms های آماده
  • برنامه نویسی
    • اندروید
    • #C
    • بازی سازی
    • جاوا
    • پایتون
  • سورس کد ها
    • پروژه آماده اندروید
    • پروژه اماده unity
    • پروژه آماده سی شارپ
    • پروژه آماده طراحی سایت
  • تماس با ما
  • درباره ما
 
  • 02128423771 - 08736212195
  • info@zarrinlearn.com
  • بلاگ
  • تماس با ما
  • درباره ما
سایت اموزشی زرین لرن
  • خانه
  • مهارت های کامپیوتر
    • شبکه
    • ابزار های مایکروسافت افیس
    • ویندوز
  • برنامه نویسی و طراحی سایت
    • کد نویسی سمت کاربر
    • کد نویسی سمت سرور
    • cms های آماده
  • برنامه نویسی
    • اندروید
    • #C
    • بازی سازی
    • جاوا
    • پایتون
  • سورس کد ها
    • پروژه آماده اندروید
    • پروژه اماده unity
    • پروژه آماده سی شارپ
    • پروژه آماده طراحی سایت
  • تماس با ما
  • درباره ما
0

ورود و ثبت نام

بلاگ

سایت اموزشی زرین لرنبلاگمقالاتJavaScript Objects

JavaScript Objects

9 دی 1404
ارسال شده توسط سمیرا خانی
مقالات
17 بازدید

📦 JavaScript Objects

Object‌ها یکی از مهم‌ترین ساختارها در JavaScript هستند و برای ذخیره‌ی داده‌ها به‌صورت key : value استفاده می‌شوند.


🔹 ساخت Object

1️⃣ Object Literal (رایج‌ترین روش)

const person = {
name: “Ali”,
age: 25,
isStudent: true
};


2️⃣ با new Object()

const car = new Object();
car.brand = “BMW”;
car.year = 2023;


🔹 دسترسی به مقادیر
Dot Notationv

person.name; // “Ali”

Bracket Notation

person[“age”]; // 25

✔ Bracket زمانی مفید است که نام key متغیر باشد:

const key = “name”;
person[key];


🔹 اضافه / ویرایش / حذف

person.city = “Tehran”; // add
person.age = 26; // update
delete person.isStudent; // delete

🔹 متدها در Object

const user = {
    name: “Sara”,
sayHello() {
     return `Hello ${this.name}`;
}
};

user.sayHello(); // Hello Sara

⚠️ برای متدها Arrow Function استفاده نکنید چون this ندارند.


🔹 Object Destructuring

استخراج مقادیر به‌صورت کوتاه:

const { name, age } = person;

با تغییر نام:

const { name: fullName } = person;


🔹 Object Methods مهم

Object.keys(person); // [“name”, “age”]
Object.values(person); // [“Ali”, 26]
Object.entries(person);// [[“name”,”Ali”],[“age”,26]]


🔹 Loop روی Object

for (let key in person) {
console.log(key, person[key]);
}

🔹 Spread Operator با Object

const extra = { country: “Iran” };

const newPerson = {
…person,
…extra
};


🔹 Nested Objects

const student = {
name: “Reza”,
address: {
city: “Tehran”,
zip: 12345
}
};

student.address.city;


🔹 Object vs Array

Object Array
key-value index-based
نام‌دار ترتیبی
{} []

 

برچسب ها: JavaScript Objects،Object Destructuring،Object Methods مهم،اضافه / ویرایش / حذف
در تلگرام
کانال ما را دنبال کنید!
Created by potrace 1.14, written by Peter Selinger 2001-2017
در آپارات
ما را دنبال کنید!

مطالب زیر را حتما مطالعه کنید

JavaScript Dates
JavaScript Use Strict
JavaScript Hoisting
JavaScript Code Blocks
JavaScript Scope
JavaScript Display Objects

دیدگاهتان را بنویسید لغو پاسخ

جستجو برای:
دسته‌ها
  • مقالات
نوشته‌های تازه
  • JavaScript Dates
  • JavaScript Use Strict
  • JavaScript Hoisting
  • JavaScript Code Blocks
  • JavaScript Scope
درباره زرین لرن

ما برند زرین لرن را نامگذاری کردیم، زیرا برای ما بهترین علامت های تجاری ساده هستند. مارک ها رشد می کنند در توانایی آنها درک می شود.

فهرست سفارشی
  • صفحه اصلی اول
  • بلاگ
  • تماس با ما
  • حساب کاربری من
  • درباره ما
  • سبد خرید
  • فروشگاه

طراحی شده توسط گروه فنی مهندسی زریم هور

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت