Hướng dẫn find key array javascript - tìm mảng khóa javascript

Thử nó

Cú pháp

Giá trị trả về

Một đối tượng ingerator

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

Sự mô tả

Khi được sử dụng trên các mảng thưa thớt, phương phá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

Phương phá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

Ví dụ

Sử dụng các khóa () trên các mảng thưa thớt

Không giống 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

const arr = ['a', , 'c'];
const sparseKeys = Object.keys(arr);
const denseKeys = [...arr.keys()];
console.log(sparseKeys); // ['0', '2']
console.log(denseKeys);  // [0, 1, 2]

Gọi các khóa () trên các đối tượng không phải là

Phương phá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

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

Xem thêm

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

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

• 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ỉ định bằng 0: phần tử đầu tiên của một mảng là tại Index

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

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

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

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

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

  7 của mảng trừ

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

  6.: the first element of an array is at index

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

  5, the second is at index

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

  6, and so on — and the last element is at the value of the array's

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

  7 property minus

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

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

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

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

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

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

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

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

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

Các phương thức khác (ví dụ:

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

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

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

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

Tăng

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

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

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

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 fruits = [];
fruits.push('banana', 'apple', 'peach');
console.log(fruits.length); // 3

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

method(callbackFn, thisArg)

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

• method(callbackFn, thisArg)
  

  8

• method(callbackFn, thisArg)
  

  9

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

  0

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

  1

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

  2

• 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

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

  6

• 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

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  00

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

  5

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  02

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  03

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

  9

Để 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 fruits = [];
fruits.push('banana', 'apple', 'peach');
console.log(fruits.length); // 3

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  06

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  07

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  08

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  09

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  10

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  11

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  12 Thí nghiệmExperimental

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  13 Thử nghiệmExperimental

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  14

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

  4

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

  1

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  17

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  18

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

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

  const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  20,

  const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  21 và

  const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  22 đố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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

• method(callbackFn, thisArg)
  

  8

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

  1

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

  2

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

  7

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

  5

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

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

Lưu ý rằng

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

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

Các phương pháp sau đây làm biến đổi mảng ban đầu:

• method(callbackFn, thisArg)
  

  9

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  07

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  37

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

  8

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  00

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  40

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  03

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

  9

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  43

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

Mảng

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

Những gì

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

Đối số

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

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 arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

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

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'
  

  0

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

  1

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  08

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  09

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  10

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  11

• 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 = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  12

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  13

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

  7

• const arrayLike = {
    length: 3,
  };
  for (const entry of Array.prototype.keys.call(arrayLike)) {
    console.log(entry);
  }
  // 0
  // 1
  // 2
  

  02

Cụ thể,

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

• 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

Phương thức

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

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

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'

Bình thường hóa thuộc tính chiều dài

Thuộc tính

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

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

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

Một số phương thức mảng đặt thuộc tí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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

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

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

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

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

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

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

Người xây dựng

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

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

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

Tính chất tĩnh

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

Trả về hàm tạo

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

Phương pháp tĩnh

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

Tạo một thể hiện

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

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

Trả về

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

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

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

Tạo một thể hiện

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

Thuộc tính thể hiện

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

Phản ánh số lượng các yếu tố trong một mảng.

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

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 câu lệnh

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

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

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

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.

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

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

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

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

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

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.

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

Trả về

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

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

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

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

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

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

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 fruits = [];
fruits.push('banana', 'apple', 'peach');
console.log(fruits.length); // 3

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

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

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

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

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 fruits = [];
fruits.push('banana', 'apple', 'peach');
console.log(fruits.length); // 3

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

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

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

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

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.

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

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.

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

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

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

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.

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

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

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

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

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(arr.0); // a syntax error

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

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.

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

Tham gia tất cả các yếu tố của một mảng thành một chuỗi.

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

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.

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

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

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

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

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.

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

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

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

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

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

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

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.

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

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.

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

Đả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.)

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

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

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

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

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

Trả về

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

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

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

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

Thêm và/hoặc loại bỏ các yếu tố khỏi một mảng.

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

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

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

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

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

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

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

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ề

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

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

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.

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

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

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(arr.0); // a syntax error

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

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

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

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

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

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

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

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

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

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

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

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

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

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

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

Nối một mục vào 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

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

Lưu ý:

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

Xóa nhiều mục từ cuối 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

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

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

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

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

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

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

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

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

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

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

Lưu ý:

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

Xóa nhiều mục từ đầu 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

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

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

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

const arrayLike = {
  length: 3,
};
for (const entry of Array.prototype.keys.call(arrayLike)) {
  console.log(entry);
}
// 0
// 1
// 2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Thay thế nhiều mục trong 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

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

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

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

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

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

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

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

Nhưng

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

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'

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