Phạm vi với bước javascript

Trong JavaScript, các mảng không phải là nguyên thủy mà thay vào đó là các đối tượng

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

• Mảng JavaScript có thể thay đổi kích thước và có thể chứa kết hợp các loại dữ liệu khác nhau. (Khi những đặc điểm đó là không mong muốn, thay vào đó hãy sử dụng các mảng đã nhập. )
• Mảng JavaScript không phải là mảng kết hợp và do đó, không thể truy cập các phần tử mảng bằng cách sử dụng chuỗi tùy ý làm chỉ mục mà phải được truy cập bằng cách sử dụng số nguyên không âm (hoặc dạng chuỗi tương ứng của chúng) làm chỉ mục
• Các mảng JavaScript không được lập chỉ mục. phần tử đầu tiên của một mảng nằm ở chỉ mục

  fruits.length = 10;
  console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
  console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
  console.log(fruits.length); // 10
  console.log(fruits[8]); // undefined
  

  1, phần tử thứ hai ở chỉ mục

  fruits.length = 10;
  console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
  console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
  console.log(fruits.length); // 10
  console.log(fruits[8]); // undefined
  

  2, v.v. — và phần tử cuối cùng ở giá trị của thuộc tính

  fruits.length = 10;
  console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
  console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
  console.log(fruits.length); // 10
  console.log(fruits[8]); // undefined
  

  3 của mảng trừ đi

  fruits.length = 10;
  console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
  console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
  console.log(fruits.length); // 10
  console.log(fruits[8]); // undefined
  

  2
• JavaScript tạo bản sao nông. (Tất cả các thao tác sao chép tích hợp sẵn tiêu chuẩn với bất kỳ đối tượng JavaScript nào đều tạo ra các bản sao nông, thay vì các bản sao sâu)

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

Các phần tử mảng là các thuộc tính của đối tượng giống như cách mà

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

console.log(arr.0); // a syntax error

Cú pháp JavaScript yêu cầu các thuộc tính bắt đầu bằng một chữ số được truy cập bằng cách sử dụng thay vì ký hiệu dấu chấm. Cũng có thể trích dẫn các chỉ số mảng (e. g. ,

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

fruits.length = 2;
console.log(Object.keys(fruits)); // ['0', '1']
console.log(fruits.length); // 2

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

fruits.length = 2;
console.log(Object.keys(fruits)); // ['0', '1']
console.log(fruits.length); // 2

fruits.length = 2;
console.log(Object.keys(fruits)); // ['0', '1']
console.log(fruits.length); // 2

fruits.length = 2;
console.log(Object.keys(fruits)); // ['0', '1']
console.log(fruits.length); // 2

fruits.length = 2;
console.log(Object.keys(fruits)); // ['0', '1']
console.log(fruits.length); // 2

console.log(years["2"] !== years["02"]);

Chỉ

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

fruits.length = 2;
console.log(Object.keys(fruits)); // ['0', '1']
console.log(fruits.length); // 2

Thuộc tính

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

Một số phương thức mảng tích hợp sẵn (e. g. ,

method(callbackFn, thisArg)

method(callbackFn, thisArg)

method(callbackFn, thisArg)

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

Các phương pháp khác (e. g. ,

method(callbackFn, thisArg)

method(callbackFn, thisArg)

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Khi đặt thuộc tính trên mảng JavaScript khi thuộc tính là chỉ mục mảng hợp lệ và chỉ mục đó nằm ngoài giới hạn hiện tại của mảng, công cụ sẽ cập nhật thuộc tính

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

Tăng

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

Tuy nhiên, việc giảm thuộc tính

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

fruits.length = 2;
console.log(Object.keys(fruits)); // ['0', '1']
console.log(fruits.length); // 2

Điều này được giải thích thêm trên trang

const arrayLike = {
  0: "a",
  1: "b",
  length: 2,
};
console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'

Các vị trí trống hoạt động không nhất quán giữa các phương thức mảng. Nói chung, các phương thức cũ hơn sẽ bỏ qua các vị trí trống, trong khi các phương thức mới hơn coi chúng là

const arrayLike = {
  0: "a",
  1: "b",
  length: 2,
};
console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'

Trong số các phương thức lặp qua nhiều phần tử, các phương thức sau đây thực hiện kiểm tra

const arrayLike = {
  0: "a",
  1: "b",
  length: 2,
};
console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'

const arrayLike = {
  0: "a",
  1: "b",
  length: 2,
};
console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'

• const arrayLike = {
    0: "a",
    1: "b",
    length: 2,
  };
  console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'
  

  4

• const arrayLike = {
    0: "a",
    1: "b",
    length: 2,
  };
  console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'
  

  5

• const arrayLike = {
    0: "a",
    1: "b",
    length: 2,
  };
  console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'
  

  6

• const arrayLike = {
    0: "a",
    1: "b",
    length: 2,
  };
  console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'
  

  7

• const arrayLike = {
    0: "a",
    1: "b",
    length: 2,
  };
  console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'
  

  8

• const arrayLike = {
    0: "a",
    1: "b",
    length: 2,
  };
  console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'
  

  9

• Array.prototype.flat.call({}); // []
  

  0

• method(callbackFn, thisArg)
  

  2

• Array.prototype.flat.call({}); // []
  

  2

• Array.prototype.flat.call({}); // []
  

  3

• Array.prototype.flat.call({}); // []
  

  4

• Array.prototype.flat.call({}); // []
  

  5

• Array.prototype.flat.call({}); // []
  

  6

• method(callbackFn, thisArg)
  

  1

• Array.prototype.flat.call({}); // []
  

  8

• Array.prototype.flat.call({}); // []
  

  9

• method(callbackFn, thisArg)
  

  5

Để biết chính xác cách họ xử lý các vị trí trống, hãy xem trang cho từng phương pháp

Các phương pháp này xử lý các vị trí trống như thể chúng là

const arrayLike = {
  0: "a",
  1: "b",
  length: 2,
};
console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'

• const a = { length: 0.7 };
  Array.prototype.push.call(a);
  console.log(a.length); // 0
  

  2

• const a = { length: 0.7 };
  Array.prototype.push.call(a);
  console.log(a.length); // 0
  

  3

• const a = { length: 0.7 };
  Array.prototype.push.call(a);
  console.log(a.length); // 0
  

  4

• const a = { length: 0.7 };
  Array.prototype.push.call(a);
  console.log(a.length); // 0
  

  5

• const a = { length: 0.7 };
  Array.prototype.push.call(a);
  console.log(a.length); // 0
  

  6

• const a = { length: 0.7 };
  Array.prototype.push.call(a);
  console.log(a.length); // 0
  

  7

• const a = { length: 0.7 };
  Array.prototype.push.call(a);
  console.log(a.length); // 0
  

  8 Thử nghiệm

• const a = { length: 0.7 };
  Array.prototype.push.call(a);
  console.log(a.length); // 0
  

  9 Thử nghiệm

• console.log(years["2"] !== years["02"]);
  

  00

• method(callbackFn, thisArg)
  

  0

• console.log(years["2"] !== years["02"]);
  

  02

• console.log(years["2"] !== years["02"]);
  

  03

• console.log(years["2"] !== years["02"]);
  

  04

Một số phương thức không thay đổi mảng hiện có mà phương thức được gọi, mà thay vào đó trả về một mảng mới. Họ làm như vậy bằng cách truy cập đầu tiên vào

console.log(years["2"] !== years["02"]);

• Các đối tượng. tham chiếu đối tượng được sao chép vào mảng mới. Cả mảng ban đầu và mảng mới đều đề cập đến cùng một đối tượng. Nghĩa là, nếu một đối tượng được tham chiếu được sửa đổi, các thay đổi sẽ hiển thị đối với cả mảng mới và mảng ban đầu
• Các loại nguyên thủy như chuỗi, số và booleans (không phải đối tượng

  console.log(years["2"] !== years["02"]);
  

  06,

  console.log(years["2"] !== years["02"]);
  

  07 và

  console.log(years["2"] !== years["02"]);
  

  08). giá trị của chúng được sao chép vào mảng mới

Các phương thức khác thay đổi mảng mà phương thức được gọi, trong trường hợp đó, giá trị trả về của chúng sẽ khác nhau tùy thuộc vào phương thức. đôi khi là tham chiếu đến cùng một mảng, đôi khi là độ dài của mảng mới

Các phương pháp sau tạo mảng mới với

console.log(years["2"] !== years["02"]);

• const arrayLike = {
    0: "a",
    1: "b",
    length: 2,
  };
  console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'
  

  4

• const arrayLike = {
    0: "a",
    1: "b",
    length: 2,
  };
  console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'
  

  7

• const arrayLike = {
    0: "a",
    1: "b",
    length: 2,
  };
  console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'
  

  8

• const arrayLike = {
    0: "a",
    1: "b",
    length: 2,
  };
  console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'
  

  9

• Array.prototype.flat.call({}); // []
  

  3

• method(callbackFn, thisArg)
  

  1

• method(callbackFn, thisArg)
  

  5 (để xây dựng mảng các phần tử đã loại bỏ được trả về)

Lưu ý rằng

const a = { length: 0.7 };
Array.prototype.push.call(a);
console.log(a.length); // 0

const a = { length: 0.7 };
Array.prototype.push.call(a);
console.log(a.length); // 0

console.log(years["2"] !== years["02"]);

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

Các phương pháp sau đây thay đổi mảng ban đầu

• const arrayLike = {
    0: "a",
    1: "b",
    length: 2,
  };
  console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'
  

  5

• const a = { length: 0.7 };
  Array.prototype.push.call(a);
  console.log(a.length); // 0
  

  3

• console.log(years["2"] !== years["02"]);
  

  23

• method(callbackFn, thisArg)
  

  4

• Array.prototype.flat.call({}); // []
  

  6

• console.log(years["2"] !== years["02"]);
  

  26

• Array.prototype.flat.call({}); // []
  

  9

• method(callbackFn, thisArg)
  

  5

• console.log(years["2"] !== years["02"]);
  

  29

Nhiều phương thức mảng lấy hàm gọi lại làm đối số. Hàm gọi lại được gọi tuần tự và nhiều nhất một lần cho mỗi phần tử trong mảng và giá trị trả về của hàm gọi lại được sử dụng để xác định giá trị trả về của phương thức. Tất cả đều có chung chữ ký

method(callbackFn, thisArg)

Trường hợp

console.log(years["2"] !== years["02"]);

console.log(years["2"] !== years["02"]);

Phần tử hiện tại đang được xử lý trong mảng

console.log(years["2"] !== years["02"]);

Chỉ số của phần tử hiện tại đang được xử lý trong mảng

console.log(years["2"] !== years["02"]);

Mảng mà phương thức được gọi

Giá trị mà

console.log(years["2"] !== years["02"]);

Đối số

console.log(years["2"] !== years["02"]);

const arrayLike = {
  0: "a",
  1: "b",
  length: 2,
};
console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'

console.log(years["2"] !== years["02"]);

console.log(years["2"] !== years["02"]);

console.log(years["2"] !== years["02"]);

console.log(years["2"] !== years["02"]);

console.log(years["2"] !== years["02"]);

console.log(years["2"] !== years["02"]);

const arrayLike = {
  0: "a",
  1: "b",
  length: 2,
};
console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'

console.log(years["2"] !== years["02"]);

console.log(years["2"] !== years["02"]);

console.log(years["2"] !== years["02"]);

console.log(years["2"] !== years["02"]);

console.log(years["2"] !== years["02"]);

Tất cả các phương thức lặp là và , mặc dù chúng hoạt động khác với

Các phương pháp sau đây là lặp đi lặp lại

• const arrayLike = {
    0: "a",
    1: "b",
    length: 2,
  };
  console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'
  

  6

• const arrayLike = {
    0: "a",
    1: "b",
    length: 2,
  };
  console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'
  

  7

• const a = { length: 0.7 };
  Array.prototype.push.call(a);
  console.log(a.length); // 0
  

  4

• const a = { length: 0.7 };
  Array.prototype.push.call(a);
  console.log(a.length); // 0
  

  5

• const a = { length: 0.7 };
  Array.prototype.push.call(a);
  console.log(a.length); // 0
  

  6

• const a = { length: 0.7 };
  Array.prototype.push.call(a);
  console.log(a.length); // 0
  

  7

• const arrayLike = {
    0: "a",
    1: "b",
    length: 2,
  };
  console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'
  

  9

• Array.prototype.flat.call({}); // []
  

  0

• const a = { length: 0.7 };
  Array.prototype.push.call(a);
  console.log(a.length); // 0
  

  8

• const a = { length: 0.7 };
  Array.prototype.push.call(a);
  console.log(a.length); // 0
  

  9

• Array.prototype.flat.call({}); // []
  

  3

• Array.prototype.flat.call({}); // []
  

  8

Cụ thể,

const arrayLike = {
  0: "a",
  1: "b",
  length: 2,
};
console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'

const a = { length: 0.7 };
Array.prototype.push.call(a);
console.log(a.length); // 0

const a = { length: 0.7 };
Array.prototype.push.call(a);
console.log(a.length); // 0

const a = { length: 0.7 };
Array.prototype.push.call(a);
console.log(a.length); // 0

const a = { length: 0.7 };
Array.prototype.push.call(a);
console.log(a.length); // 0

Array.prototype.flat.call({}); // []

Có hai phương thức khác nhận hàm gọi lại và chạy hàm đó nhiều nhất một lần cho mỗi phần tử trong mảng, nhưng chúng có các dấu hiệu hơi khác so với các phương thức lặp thông thường (ví dụ: chúng không chấp nhận

console.log(years["2"] !== years["02"]);

• Array.prototype.flat.call({}); // []
  

  4

• Array.prototype.flat.call({}); // []
  

  5

Phương thức

Array.prototype.flat.call({}); // []

console.log(years["2"] !== years["02"]);

Các phương thức mảng luôn chung chung — chúng không truy cập bất kỳ dữ liệu nội bộ nào của đối tượng mảng. Họ chỉ truy cập các phần tử mảng thông qua thuộc tính

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

const arrayLike = {
  0: "a",
  1: "b",
  length: 2,
};
console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'

Chuẩn hóa thuộc tính độ dài

Thuộc tính

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

console.log(years["2"] !== years["02"]);

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

const arrayLike = {
  0: "a",
  1: "b",
  length: 2,
};
console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

Array.prototype.flat.call({}); // []

Một số phương thức mảng thiết lập thuộc tính

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

const a = { length: 0.7 };
Array.prototype.push.call(a);
console.log(a.length); // 0

Các đối tượng giống như mảng

Thuật ngữ đề cập đến bất kỳ đối tượng nào không ném trong quá trình chuyển đổi

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

console.log(years["2"] !== years["02"]);

Nhiều đối tượng DOM giống như mảng — ví dụ,

console.log(years["2"] !== years["02"]);

console.log(years["2"] !== years["02"]);

console.log(years["2"] !== years["02"]);

console.log(years["2"] !== years["02"]);

console.log(years["2"] !== years["02"]);

Tạo một đối tượng

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

console.log(years["2"] !== years["02"]);

Trả về hàm tạo

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

console.log(years["2"] !== years["02"]);

Tạo một thể hiện

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

console.log(years["2"] !== years["02"]);

Trả về

fruits.length = 2;
console.log(Object.keys(fruits)); // ['0', '1']
console.log(fruits.length); // 2

console.log(years["2"] !== years["02"]);

console.log(years["2"] !== years["02"]);

Tạo một phiên bản

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Phản ánh số lượng phần tử trong một mảng

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Chứa các tên thuộc tính không có trong tiêu chuẩn ECMAScript trước phiên bản ES2015 và được bỏ qua cho mục đích ràng buộc câu lệnh

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Trả về mục mảng tại chỉ mục đã cho. Chấp nhận số nguyên âm, đếm ngược từ mục cuối cùng

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Trả về một mảng mới là mảng đang gọi được nối với (các) mảng và/hoặc (các) giá trị khác

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Sao chép một chuỗi các phần tử mảng trong một mảng

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Trả về một đối tượng trình lặp mảng mới chứa các cặp khóa/giá trị cho mỗi chỉ mục trong một mảng

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Trả về

fruits.length = 2;
console.log(Object.keys(fruits)); // ['0', '1']
console.log(fruits.length); // 2

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Điền vào tất cả các phần tử của một mảng từ chỉ mục bắt đầu đến chỉ mục kết thúc với một giá trị tĩnh

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Trả về một mảng mới chứa tất cả các phần tử của mảng đang gọi mà hàm lọc đã cung cấp trả về

fruits.length = 2;
console.log(Object.keys(fruits)); // ['0', '1']
console.log(fruits.length); // 2

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Trả về giá trị của phần tử đầu tiên trong mảng thỏa mãn chức năng kiểm tra được cung cấp hoặc

const arrayLike = {
  0: "a",
  1: "b",
  length: 2,
};
console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Trả về chỉ mục của phần tử đầu tiên trong mảng thỏa mãn chức năng kiểm tra được cung cấp hoặc

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Trả về giá trị của phần tử cuối cùng trong mảng thỏa mãn chức năng kiểm tra được cung cấp hoặc

const arrayLike = {
  0: "a",
  1: "b",
  length: 2,
};
console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Trả về chỉ mục của phần tử cuối cùng trong mảng thỏa mãn chức năng kiểm tra được cung cấp hoặc

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Trả về một mảng mới với tất cả các phần tử của mảng con được nối vào nó theo cách đệ quy cho đến độ sâu đã chỉ định

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Trả về một mảng mới được hình thành bằng cách áp dụng hàm gọi lại đã cho cho từng phần tử của mảng đang gọi, sau đó làm phẳng kết quả theo một cấp

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Gọi một hàm cho từng phần tử trong mảng gọi

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Nhóm các phần tử của một mảng thành một đối tượng theo các chuỗi được trả về bởi hàm kiểm tra

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Nhóm các phần tử của một mảng thành một

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Xác định xem mảng đang gọi có chứa giá trị hay không, trả về

fruits.length = 2;
console.log(Object.keys(fruits)); // ['0', '1']
console.log(fruits.length); // 2

console.log(years["2"] !== years["02"]);

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Trả về chỉ mục đầu tiên (ít nhất) mà tại đó có thể tìm thấy một phần tử đã cho trong mảng đang gọi

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Nối tất cả các phần tử của một mảng thành một chuỗi

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Trả về một trình vòng lặp mảng mới chứa các khóa cho mỗi chỉ mục trong mảng đang gọi

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Trả về chỉ mục cuối cùng (lớn nhất) mà tại đó có thể tìm thấy một phần tử đã cho trong mảng đang gọi hoặc

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Trả về một mảng mới chứa kết quả của việc gọi một hàm trên mọi phần tử trong mảng đang gọi

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Loại bỏ phần tử cuối cùng khỏi một mảng và trả về phần tử đó

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Thêm một hoặc nhiều phần tử vào cuối một mảng và trả về

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Thực thi hàm gọi lại "reducer" do người dùng cung cấp trên từng phần tử của mảng (từ trái sang phải), để giảm nó thành một giá trị

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Thực thi chức năng gọi lại "reducer" do người dùng cung cấp trên từng phần tử của mảng (từ phải sang trái), để giảm nó thành một giá trị

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Đảo ngược thứ tự của các phần tử của một mảng tại chỗ. (Đầu tiên trở thành cuối cùng, cuối cùng trở thành đầu tiên. )

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Loại bỏ phần tử đầu tiên khỏi một mảng và trả về phần tử đó

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Trích xuất một phần của mảng đang gọi và trả về một mảng mới

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Trả về

fruits.length = 2;
console.log(Object.keys(fruits)); // ['0', '1']
console.log(fruits.length); // 2

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Sắp xếp các phần tử của một mảng tại chỗ và trả về mảng

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Thêm và/hoặc xóa phần tử khỏi mảng

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Trả về một chuỗi được bản địa hóa đại diện cho mảng đang gọi và các phần tử của nó. Ghi đè phương thức

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Trả về một chuỗi đại diện cho mảng đang gọi và các phần tử của nó. Ghi đè phương thức

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Thêm một hoặc nhiều phần tử vào phía trước của một mảng và trả về

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Trả về một đối tượng trình lặp mảng mới chứa các giá trị cho từng chỉ mục trong mảng

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Bí danh cho phương thức

console.log(years["2"] !== years["02"]);

Phần này cung cấp một số ví dụ về hoạt động mảng phổ biến trong JavaScript

Ghi chú. Nếu bạn chưa quen với kiến ​​thức cơ bản về mảng, trước tiên hãy cân nhắc đọc JavaScript First Steps. Mảng, which và bao gồm các ví dụ khác về hoạt động mảng phổ biến

Ví dụ này cho thấy ba cách để tạo mảng mới. đầu tiên sử dụng , sau đó sử dụng hàm tạo

console.log(years["2"] !== years["02"]);

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

console.log(years["2"] !== years["02"]);

Ví dụ này sử dụng phương thức

method(callbackFn, thisArg)

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

console.log(years["2"] !== years["02"]);

Ví dụ này cho thấy cách truy cập các mục trong mảng

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

console.log(years["2"] !== years["02"]);

Ví dụ này sử dụng phương thức

method(callbackFn, thisArg)

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

console.log(years["2"] !== years["02"]);

Ví dụ này chỉ ra hai cách để kiểm tra xem mảng

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

console.log(years["2"] !== years["02"]);

method(callbackFn, thisArg)

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

console.log(years["2"] !== years["02"]);

Ví dụ này sử dụng phương thức

method(callbackFn, thisArg)

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

console.log(years["2"] !== years["02"]);

Ví dụ này sử dụng phương thức

console.log(years["2"] !== years["02"]);

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

console.log(years["2"] !== years["02"]);

Ghi chú.

console.log(years["2"] !== years["02"]);

Ví dụ này sử dụng phương thức

method(callbackFn, thisArg)

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

console.log(years["2"] !== years["02"]);

Ví dụ này sử dụng phương thức

method(callbackFn, thisArg)

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

console.log(years["2"] !== years["02"]);

Ví dụ này sử dụng phương thức

console.log(years["2"] !== years["02"]);

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Ghi chú. Chỉ có thể sử dụng

console.log(years["2"] !== years["02"]);

Ví dụ này sử dụng phương thức

method(callbackFn, thisArg)

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Ví dụ này sử dụng phương thức

console.log(years["2"] !== years["02"]);

fruits.length = 10;
console.log(fruits); // ['banana', 'apple', 'peach', empty x 2, 'mango', empty x 4]
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 10
console.log(fruits[8]); // undefined

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Ví dụ này sử dụng phương pháp

method(callbackFn, thisArg)

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Ví dụ này sử dụng phương thức

method(callbackFn, thisArg)

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Ví dụ này sử dụng phương thức

method(callbackFn, thisArg)

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Ví dụ này sử dụng vòng lặp

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Nhưng

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Ví dụ này sử dụng phương thức

Array.prototype.flat.call({}); // []

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Ví dụ này sử dụng phương thức

const arrayLike = {
  0: "a",
  1: "b",
  length: 2,
};
console.log(Array.prototype.join.call(arrayLike, "+")); // 'a+b'

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Ví dụ này chỉ ra ba cách để tạo một mảng mới từ mảng

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

method(callbackFn, thisArg)

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Tất cả các hoạt động sao chép mảng tích hợp sẵn (cú pháp trải rộng,

console.log(years["2"] !== years["02"]);

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

Bạn cũng có thể tạo các bản sao sâu bằng cách sử dụng phương pháp

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

Cuối cùng, điều quan trọng là phải hiểu rằng việc gán một mảng hiện có cho một biến mới không tạo ra một bản sao của mảng hoặc các phần tử của nó. Thay vào đó, biến mới chỉ là một tham chiếu hoặc bí danh cho mảng ban đầu; . Do đó, nếu bạn thực hiện bất kỳ thay đổi nào đối với giá trị của mảng ban đầu hoặc giá trị của biến mới, thì biến kia cũng sẽ thay đổi theo.

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

Có thể sử dụng các phương thức

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Ở đây chúng ta có một mảng hàng tồn kho đơn giản chứa các đối tượng "thực phẩm" có

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

Để sử dụng

const a = { length: 0.7 };
Array.prototype.push.call(a);
console.log(a.length); // 0

Mã bên dưới sử dụng hàm mũi tên để trả về

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

Lưu ý rằng đối tượng được trả về tham chiếu các phần tử giống như mảng ban đầu (không phải bản sao sâu). Việc thay đổi cấu trúc bên trong của các phần tử này sẽ được phản ánh trong cả mảng ban đầu và đối tượng được trả về

Ví dụ: nếu bạn không thể sử dụng một chuỗi làm khóa, nếu thông tin cần nhóm được liên kết với một đối tượng có thể thay đổi, thì bạn có thể sử dụng

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

const fruits = [];
fruits.push("banana", "apple", "peach");
console.log(fruits.length); // 3

Sau đây tạo một bàn cờ dưới dạng một chuỗi hai chiều. Bước đầu tiên được thực hiện bằng cách sao chép

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6

fruits[5] = "mango";
console.log(fruits[5]); // 'mango'
console.log(Object.keys(fruits)); // ['0', '1', '2', '5']
console.log(fruits.length); // 6