Hướng dẫn return array values javascript - trả về giá trị mảng javascript

Sự mô tả

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 ____39 với các đặc điểm cốt lõi sau:

• Các mảng JavaScript có thể thay thế được và có thể chứa hỗn hợp các loại dữ liệu khác nhau. (Khi các đặc điểm đó không mong muốn, thay vào đó, hãy sử dụng các mảng được đánh máy.) and can contain a mix of different data types. (When those characteristics are undesirable, use typed arrays instead.)
• Các mảng JavaScript không phải là mảng liên kết và do đó, các phần tử mảng không thể được truy cập bằng cách sử dụng các chuỗi tùy ý làm chỉ mục, nhưng phải được truy cập bằng các số nguyên không âm (hoặc dạng chuỗi tương ứng của chúng) làm chỉ mục. and so, array elements cannot be accessed using arbitrary strings as indexes, but must be accessed using nonnegative integers (or their respective string form) as indexes.
• Các mảng JavaScript không được chỉ số bằng không: phần tử đầu tiên của một mảng là ở Index

  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
  

  0, phần thứ hai là tại Index

  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, v.v.-và phần tử cuối cùng là 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
  

  2 của mảng trừ

  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.: the first element of an array is at index

  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
  

  0, the second is at index

  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, and so on — and the last element is at the value of the array's

  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 property minus

  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.
• Các hoạt động sao chép mảng JavaScript tạo các bản sao nông. (Tất cả các hoạt động sao chép tích hợp tiêu chuẩn với bất kỳ đối tượng JavaScript nào tạo các bản sao nông, thay vì các bản sao sâu).. (All standard built-in copy operations with any JavaScript objects create shallow copies, rather than deep copies).

Chỉ số mảng

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 đối tượng giống như cá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 = 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 ký hiệu khung thay vì ký hiệu DOT. Cũng có thể trích dẫn các chỉ số mảng (ví dụ:

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

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

Mối quan hệ giữa độ dài và tính chất số

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 (ví dụ:

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

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 thức khác (ví dụ:

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, độ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

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

method(callbackFn, thisArg)

Phương pháp mảng và các khe trống

Các khe trống trong các mảng thưa thớt cư xử không nhất quán giữa các phương thức mảng. Nói chung, các phương pháp cũ hơn sẽ bỏ qua các khe trống, trong khi các phương pháp 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 pháp lặp qua nhiều yếu tố, 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'
  

  3

• 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

• method(callbackFn, thisArg)
  

  1

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

  1

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

  2

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

  3

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

  4

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

  5

• method(callbackFn, thisArg)
  

  0

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

  7

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

  8

• method(callbackFn, thisArg)
  

  4

Để biết chính xác cách họ xử lý các khe trống, hãy xem trang cho mỗi phương thức.

Các phương pháp này xử lý các khe 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
  

  1

• 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 Thử nghiệmExperimental

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

  8 Thử nghiệmExperimental

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

  9

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

  9

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

  01

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

  02

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

  03

Sao chép phương pháp và phương pháp đột biến

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

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

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

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

  05,

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

  06 và

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

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

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

Các phương thức sau tạo các 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'
  

  3

• 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

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

  2

• method(callbackFn, thisArg)
  

  0

• method(callbackFn, thisArg)
  

  4 (để xây dựng mảng các phần tử bị 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 làm biến đổi mảng ban đầu:

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

  4

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

  2

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

  22

• method(callbackFn, thisArg)
  

  3

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

  5

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

  25

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

  8

• method(callbackFn, thisArg)
  

  4

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

  28

Phương pháp lặp

Nhiều phương thức mảng lấy chức năng gọi lại làm đối số. Hàm gọi lại được gọi là 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ả họ đều có chung chữ ký:

method(callbackFn, thisArg)

Trong đó

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

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

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

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

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

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

Mảng

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

Những gì

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"]);

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 pháp lặp là sao chép và chung chung, mặc dù chúng hoạt động khác nhau với các khe trống.

Các phương pháp sau 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'
  

  5

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

  6

• 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 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

• 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

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

  2

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

  7

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({}); // []

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

Có hai phương pháp khác có chức năng gọi lại và chạy nó nhiều nhất một lần cho mỗi phần tử trong mảng, nhưng chúng có chữ ký hơi khác nhau từ các phương thức lặp điển hình (ví dụ: chúng không chấp nhận

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

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

  3

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

  4

Phương thức

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

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

Phương pháp mảng chung

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'

Bình thường hóa thuộc tính chiều 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 đặ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.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ữ đối tượng giống như mả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"]);

Người xây dựng

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

Tính chất tĩnh

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

Phương pháp tĩnh

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 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

Thuộc tính thể hiện

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

Phản ánh số lượng các yếu 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 bao gồm trong tiêu chuẩn ECMAScript trước phiên bản ES2015 và bị bỏ qua cho các mục đích liên kết tuyên bố

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

Phương pháp thể hiện

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, được tính lại 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 gọi được nối với (các) mảng khác và/hoặc giá trị.

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 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 sang chỉ mục cuối với 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 gọi mà hàm lọc đượ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 thử nghiệm đượ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ỉ số của phần tử đầu tiên trong mảng thỏa mãn chức năng thử nghiệm đượ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 thử nghiệm đượ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ỉ số của phần tử cuối cùng trong mảng thỏa mãn chức năng thử nghiệm đượ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 yếu tố mảng con được liên kết vào nó đệ quy lên đến độ sâu được 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 một hàm gọi lại đã cho cho từng phần tử của mảng 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 mỗi 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 một hàm thử nghiệm.

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

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 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 đó một phần tử nhất định có thể được tìm thấy trong mảng gọi.

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

Tham gia tất cả các yếu 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 lặp mảng mới chứa các phím cho mỗi chỉ mục trong mảng 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 đó một phần tử nhất định có thể được tìm thấy trong mảng 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ả gọi một hàm trên mọi phần tử trong mảng 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 chức năng gọi lại "giảm" do người dùng cung cấp trên mỗi phần tử của mảng (từ trái sang phải), để giảm nó xuống một giá trị duy nhất.

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

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

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

Đảo ngược thứ tự của các yếu tố của một mảng tại chỗ. (Đầu tiên trở thành người cuối cùng, lần 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 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 loại bỏ các yếu tố khỏi một mảng.

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

Trả về một chuỗi cục bộ đại diện cho mảng gọi và các yếu 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 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 mặt 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 lặp mảng mới chứa các giá trị cho mỗi chỉ mục trong mảng.

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

Một bí danh cho phương thức

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

Ví dụ

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

Tạo một mảng

Ví dụ này hiển thị ba cách để tạo mảng mới: đầu tiên sử dụng ký hiệu theo nghĩa đen của mả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"]);

Tạo một chuỗi từ một mảng

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

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

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

Truy cập một mục mảng theo chỉ mục của nó

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"]);

Tìm chỉ mục của một mục trong một mảng

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"]);

Kiểm tra xem một mảng có chứa một mục nào đó không

Ví dụ này cho thấy 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

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

method(callbackFn, thisArg)

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

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

Nối một mục vào một mảng

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"]);

Xóa mục cuối cùng khỏi một mảng

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"]);

Lưu ý:

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

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

Xóa nhiều mục từ cuối một mảng

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"]);

Cắt ngắn một mảng xuống chỉ là n mục đầu tiên của nó

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"]);

Xóa mục đầu tiên khỏi một mảng

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

Lưu ý:

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

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

Xóa nhiều mục từ đầu một mảng

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

Thêm một mục đầu tiên mới vào một mảng

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

Xóa một mục duy nhất bằng chỉ mục

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

Xóa nhiều mục bằng chỉ mục

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

Thay thế nhiều mục trong một mảng

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

Lặp lại trên một mảng

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

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'

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

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

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

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

Gọi một hàm trên mỗi phần tử trong một mảng

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

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

Hợp nhất nhiều mảng với nhau

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

Sao chép một mảng

Ví dụ này cho thấy 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 (cú pháp lan truyền,

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 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 gốc; Đó là, tên của mảng gốc và tên biến mới chỉ là hai tên cho cùng một đối tượng (và do đó sẽ luôn đánh giá là tương đương nghiêm ngặt). Do đó, nếu bạn thực hiện bất kỳ thay đổi nào theo giá trị của mảng gốc hoặc với giá trị của biến mới, thì cũng sẽ thay đổi:

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