JavaScript ਡੀਕੰਸਟ੍ਰਕਚਰ

解构赋值语法

解构赋值语法将对象属性解包到变量中：

let {firstName, lastName} = person;

它还可以解包数组和任何其他可迭代对象：

let [firstName, lastName] = person;

对象解构

مثال

// 创建一个对象
const person = {
  firstName: "Bill",
  lastName: "Gates",
  age: 50
};
// دگرگونی
let {firstName, lastName} = person;

به طور مستقیم امتحان کنید

属性的顺序无关紧要：

مثال

// 创建一个对象
const person = {
  firstName: "Bill",
  lastName: "Gates",
  age: 50
};
// دگرگونی
let {lastName, firstName} = person;

به طور مستقیم امتحان کنید

注意：

解构不是破坏性的。

解构不会更改原始对象。

对象默认值

对于可能缺失的属性，我们可以设置默认值：

مثال

// 创建一个对象
const person = {
  firstName: "Bill",
  lastName: "Gates",
  age: 50
};
// دگرگونی
let {firstName, lastName, country = "US"} = person;

به طور مستقیم امتحان کنید

对象属性别名

مثال

// 创建一个对象
const person = {
  firstName: "Bill",
  lastName: "Gates",
  age: 50
};
// دگرگونی
let {lastName: name} = person;

به طور مستقیم امتحان کنید

字符串解构

解构的一个用途是解包字符串字符。

مثال

// 创建一个字符串
let name = "W3Schools";
// دگرگونی
let [a1, a2, a3, a4, a5] = name;

به طور مستقیم امتحان کنید

注意：

解构可以用于任何可迭代对象。

数组解构

我们可以将数组变量提取到自己的变量中：

مثال

// ایجاد یک آرایه
const fruits = ["Bananas", "Oranges", "Apples", "Mangos"];
// دگرگونی
let [fruit1, fruit2] = fruits;

به طور مستقیم امتحان کنید

跳过数组值

我们可以使用两个或更多逗号来跳过数组值：

مثال

// ایجاد یک آرایه
const fruits = ["Bananas", "Oranges", "Apples", "Mangos"];
// دگرگونی
let [fruit1,,,fruit2] = fruits;

به طور مستقیم امتحان کنید

数组位置值

我们可以从数组的特定索引位置提取值：

مثال

// ایجاد یک آرایه
const fruits = ["Bananas", "Oranges", "Apples", "Mangos"];
// دگرگونی
let {[0]: fruit1, [1]: fruit2} = fruits;

به طور مستقیم امتحان کنید

剩余属性

可以在解构语法末尾使用剩余属性。

این نویسه‌بندی تمام مقادیر باقی‌مانده را در یک آرایه جدید ذخیره می‌کند:}}

مثال

// ایجاد یک آرایه
const numbers = [10, 20, 30, 40, 50, 60, 70];
// دگرگونی
const [a, b, ...rest] = numbers;

به طور مستقیم امتحان کنید

دگرگونی Map

مثال

// ایجاد یک Map
const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  
]
// دگرگونی
let text = "";
for (const [key, value] of fruits) {
  text += key + " is " + value;
}

به طور مستقیم امتحان کنید

تبادل متغیرهای JavaScript

می‌توان از دگرگونی برای تبادل ارزش‌های دو متغیر استفاده کرد:

مثال

let firstName = "Bill";
let lastName = "Gates";
// دگرگونی
[firstName, lastName] = [lastName, firstName];

به طور مستقیم امتحان کنید