Hướng dẫn assign value to array index javascript - gán giá trị cho chỉ mục mảng javascript

Tạo một mảng

Các câu sau đây tạo ra các mảng tương đương:

const arr1 = new Array(element0, element1, /* … ,*/ elementN);
const arr2 = Array(element0, element1, /* … ,*/ elementN);
const arr3 = [element0, element1, /* … ,*/ elementN];

const wisenArray = Array.of(9.3); // wisenArray contains only one element 9.3

const myArray = ['Wind', 'Rain', 'Fire'];

Cú pháp khung được gọi là "Array theo nghĩa đen" hoặc "Bộ khởi tạo mảng". Nó ngắn hơn các hình thức tạo mảng khác, và do đó thường được ưa thích. Xem văn bản mảng để biết chi tiết.

Để tạo một mảng có độ dài khác không, nhưng không có bất kỳ mục nào, có thể sử dụng một trong hai mục sau:

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

Lưu ý: Trong mã trên,

const myArray = ['Wind', 'Rain', 'Fire'];

const myArray = ['Wind', 'Rain', 'Fire'];

const myArray = ['Wind', 'Rain', 'Fire'];

const myArray = ['Wind', 'Rain', 'Fire'];

const myArray = ['Wind', 'Rain', 'Fire'];

const myArray = ['Wind', 'Rain', 'Fire'];

const myArray = ['Wind', 'Rain', 'Fire'];

const myArray = ['Wind', 'Rain', 'Fire'];

const myArray = ['Wind', 'Rain', 'Fire'];

const myArray = ['Wind', 'Rain', 'Fire'];

Ngoài một biến mới được xác định như được hiển thị ở trên, các mảng cũng có thể được gán như một thuộc tính của một đối tượng mới hoặc hiện có:

const obj = {};
// …
obj.prop = [element0, element1, /* … ,*/ elementN];

// OR
const obj = { prop: [element0, element1, /* … ,*/ elementN] };

Nếu bạn muốn khởi tạo một mảng với một phần tử duy nhất và phần tử xảy ra là

const myArray = ['Wind', 'Rain', 'Fire'];

const myArray = ['Wind', 'Rain', 'Fire'];

const myArray = ['Wind', 'Rain', 'Fire'];

const myArray = ['Wind', 'Rain', 'Fire'];

// This creates an array with only one element: the number 42.
const arr = [42];

// This creates an array with no elements and arr.length set to 42.
const arr = Array(42);

// This is equivalent to:
const arr = [];
arr.length = 42;

Gọi

const arr = ['one', 'two', 'three'];
arr[2]          // three
arr['length']   // 3

const arr = ['one', 'two', 'three'];
arr[2]          // three
arr['length']   // 3

const arr = ['one', 'two', 'three'];
arr[2]          // three
arr['length']   // 3

const arr = Array(9.3); // RangeError: Invalid array length

Nếu mã của bạn cần tạo các mảng với các yếu tố duy nhất của một loại dữ liệu tùy ý, sẽ an toàn hơn khi sử dụng các chữ cái mảng. Ngoài ra, tạo một mảng trống trước khi thêm phần tử duy nhất vào nó.

Bạn cũng có thể sử dụng phương thức tĩnh

const arr = ['one', 'two', 'three'];
arr[2]          // three
arr['length']   // 3

const wisenArray = Array.of(9.3); // wisenArray contains only one element 9.3

Đề cập đến các yếu tố mảng

Bởi vì các yếu tố cũng là thuộc tính, bạn có thể truy cập chúng bằng cách sử dụng Trình truy cập thuộc tính. Giả sử bạn xác định mảng sau:

const myArray = ['Wind', 'Rain', 'Fire'];

Bạn có thể tham khảo phần tử đầu tiên của mảng là

const arr = ['one', 'two', 'three'];
arr[2]          // three
arr['length']   // 3

const arr = ['one', 'two', 'three'];
arr[2]          // three
arr['length']   // 3

Lưu ý: Bạn cũng có thể sử dụng Trình truy cập thuộc tính để truy cập các thuộc tính khác của mảng, như với một đối tượng. You can also use property accessors to access other properties of the array, like with an object.

const arr = ['one', 'two', 'three'];
arr[2]          // three
arr['length']   // 3

Điền một mảng

Bạn có thể điền một mảng bằng cách gán các giá trị cho các phần tử của nó. Ví dụ:

const emp = [];
emp[0] = 'Casey Jones';
emp[1] = 'Phil Lesh';
emp[2] = 'August West';

Lưu ý: Nếu bạn cung cấp giá trị không số nguyên cho toán tử mảng trong mã ở trên, một thuộc tính sẽ được tạo trong đối tượng đại diện cho mảng, thay vì một phần tử mảng. If you supply a non-integer value to the array operator in the code above, a property will be created in the object representing the array, instead of an array element.

const arr = [];
arr[3.4] = 'Oranges';
console.log(arr.length); // 0
console.log(Object.hasOwn(arr, 3.4)); // true

Bạn cũng có thể điền một mảng khi bạn tạo nó:

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

Hiểu chiều dài

Ở cấp độ triển khai, các mảng của JavaScript thực sự lưu trữ các yếu tố của chúng dưới dạng thuộc tính đối tượng tiêu chuẩn, sử dụng chỉ mục mảng làm tên thuộc tính.

Tài sản

const myArray = ['Wind', 'Rain', 'Fire'];

Hãy nhớ rằng, các chỉ mục mảng JavaScript dựa trên 0: chúng bắt đầu tại

const emp = [];
emp[0] = 'Casey Jones';
emp[1] = 'Phil Lesh';
emp[2] = 'August West';

const emp = [];
emp[0] = 'Casey Jones';
emp[1] = 'Phil Lesh';
emp[2] = 'August West';

const myArray = ['Wind', 'Rain', 'Fire'];

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

Bạn cũng có thể gán cho thuộc tính

const myArray = ['Wind', 'Rain', 'Fire'];

Viết một giá trị ngắn hơn số lượng các mục được lưu trữ cắt ngắn mảng. Viết

const emp = [];
emp[0] = 'Casey Jones';
emp[1] = 'Phil Lesh';
emp[2] = 'August West';

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

Lặp lại trên các mảng

Một hoạt động chung là lặp lại các giá trị của một mảng, xử lý từng cái theo một cách nào đó. Cách đơn giản nhất để làm điều này như sau:

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

Nếu bạn biết rằng không có yếu tố nào trong mảng của bạn đánh giá

const emp = [];
emp[0] = 'Casey Jones';
emp[1] = 'Phil Lesh';
emp[2] = 'August West';

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

Điều này tránh được chi phí kiểm tra độ dài của mảng và đảm bảo rằng biến

const emp = [];
emp[0] = 'Casey Jones';
emp[1] = 'Phil Lesh';
emp[2] = 'August West';

Phương pháp

const emp = [];
emp[0] = 'Casey Jones';
emp[1] = 'Phil Lesh';
emp[2] = 'August West';

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

Hàm được chuyển đến

const emp = [];
emp[0] = 'Casey Jones';
emp[1] = 'Phil Lesh';
emp[2] = 'August West';

const emp = [];
emp[0] = 'Casey Jones';
emp[1] = 'Phil Lesh';
emp[2] = 'August West';

Lưu ý rằng các phần tử của một mảng bị bỏ qua khi mảng được xác định không được liệt kê khi lặp lại bởi

const emp = [];
emp[0] = 'Casey Jones';
emp[1] = 'Phil Lesh';
emp[2] = 'August West';

const arr = [];
arr[3.4] = 'Oranges';
console.log(arr.length); // 0
console.log(Object.hasOwn(arr, 3.4)); // true

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

Do các phần tử mảng JavaScript được lưu dưới dạng các thuộc tính đối tượng tiêu chuẩn, nên không nên lặp lại thông qua các mảng JavaScript bằng cách sử dụng các vòng

const myArray = ['Wind', 'Rain', 'Fire'];

Phương pháp mảng

Đối tượng

const wisenArray = Array.of(9.3); // wisenArray contains only one element 9.3

Phương thức

const arr = [];
arr[3.4] = 'Oranges';
console.log(arr.length); // 0
console.log(Object.hasOwn(arr, 3.4)); // true

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

Phương thức

const arr = [];
arr[3.4] = 'Oranges';
console.log(arr.length); // 0
console.log(Object.hasOwn(arr, 3.4)); // true

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

Phương thức

const arr = [];
arr[3.4] = 'Oranges';
console.log(arr.length); // 0
console.log(Object.hasOwn(arr, 3.4)); // true

const myArray = ['Wind', 'Rain', 'Fire'];

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

Phương thức

const arr = [];
arr[3.4] = 'Oranges';
console.log(arr.length); // 0
console.log(Object.hasOwn(arr, 3.4)); // true

const obj = {};
// …
obj.prop = [element0, element1, /* … ,*/ elementN];

// OR
const obj = { prop: [element0, element1, /* … ,*/ elementN] };

Phương thức

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

const obj = {};
// …
obj.prop = [element0, element1, /* … ,*/ elementN];

// OR
const obj = { prop: [element0, element1, /* … ,*/ elementN] };

Phương thức

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

const obj = {};
// …
obj.prop = [element0, element1, /* … ,*/ elementN];

// OR
const obj = { prop: [element0, element1, /* … ,*/ elementN] };

Phương pháp

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

const obj = {};
// …
obj.prop = [element0, element1, /* … ,*/ elementN];

// OR
const obj = { prop: [element0, element1, /* … ,*/ elementN] };

Phương thức

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

const arr = [];
arr[3.4] = 'Oranges';
console.log(arr.length); // 0
console.log(Object.hasOwn(arr, 3.4)); // true

const obj = {};
// …
obj.prop = [element0, element1, /* … ,*/ elementN];

// OR
const obj = { prop: [element0, element1, /* … ,*/ elementN] };

Phương thức

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

const obj = {};
// …
obj.prop = [element0, element1, /* … ,*/ elementN];

// OR
const obj = { prop: [element0, element1, /* … ,*/ elementN] };

Phương pháp

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

const obj = {};
// …
obj.prop = [element0, element1, /* … ,*/ elementN];

// OR
const obj = { prop: [element0, element1, /* … ,*/ elementN] };

Phương thức

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

const obj = {};
// …
obj.prop = [element0, element1, /* … ,*/ elementN];

// OR
const obj = { prop: [element0, element1, /* … ,*/ elementN] };

Phương thức

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

const obj = {};
// …
obj.prop = [element0, element1, /* … ,*/ elementN];

// OR
const obj = { prop: [element0, element1, /* … ,*/ elementN] };

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

const obj = {};
// …
obj.prop = [element0, element1, /* … ,*/ elementN];

// OR
const obj = { prop: [element0, element1, /* … ,*/ elementN] };

• Nếu

  // This...
  const arr1 = new Array(arrayLength);
  
  // ...results in the same array as this
  const arr2 = Array(arrayLength);
  
  // This has exactly the same effect
  const arr3 = [];
  arr3.length = arrayLength;
  

  10 nhỏ hơn

  // This...
  const arr1 = new Array(arrayLength);
  
  // ...results in the same array as this
  const arr2 = Array(arrayLength);
  
  // This has exactly the same effect
  const arr3 = [];
  arr3.length = arrayLength;
  

  11 bởi hệ thống sắp xếp, hãy trả về

  // This...
  const arr1 = new Array(arrayLength);
  
  // ...results in the same array as this
  const arr2 = Array(arrayLength);
  
  // This has exactly the same effect
  const arr3 = [];
  arr3.length = arrayLength;
  

  12 (hoặc bất kỳ số âm nào)
• Nếu

  // This...
  const arr1 = new Array(arrayLength);
  
  // ...results in the same array as this
  const arr2 = Array(arrayLength);
  
  // This has exactly the same effect
  const arr3 = [];
  arr3.length = arrayLength;
  

  10 lớn hơn

  // This...
  const arr1 = new Array(arrayLength);
  
  // ...results in the same array as this
  const arr2 = Array(arrayLength);
  
  // This has exactly the same effect
  const arr3 = [];
  arr3.length = arrayLength;
  

  11 bởi hệ thống sắp xếp, hãy trả về

  const emp = [];
  emp[0] = 'Casey Jones';
  emp[1] = 'Phil Lesh';
  emp[2] = 'August West';
  

  2 (hoặc bất kỳ số dương nào)
• Nếu

  // This...
  const arr1 = new Array(arrayLength);
  
  // ...results in the same array as this
  const arr2 = Array(arrayLength);
  
  // This has exactly the same effect
  const arr3 = [];
  arr3.length = arrayLength;
  

  10 và

  // This...
  const arr1 = new Array(arrayLength);
  
  // ...results in the same array as this
  const arr2 = Array(arrayLength);
  
  // This has exactly the same effect
  const arr3 = [];
  arr3.length = arrayLength;
  

  11 được coi là tương đương, hãy trả về

  const emp = [];
  emp[0] = 'Casey Jones';
  emp[1] = 'Phil Lesh';
  emp[2] = 'August West';
  

  1.

Phương thức

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This creates an array with only one element: the number 42.
const arr = [42];

// This creates an array with no elements and arr.length set to 42.
const arr = Array(42);

// This is equivalent to:
const arr = [];
arr.length = 42;

Phương pháp

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This creates an array with only one element: the number 42.
const arr = [42];

// This creates an array with no elements and arr.length set to 42.
const arr = Array(42);

// This is equivalent to:
const arr = [];
arr.length = 42;

Phương thức

const emp = [];
emp[0] = 'Casey Jones';
emp[1] = 'Phil Lesh';
emp[2] = 'August West';

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

const arr = [];
arr[3.4] = 'Oranges';
console.log(arr.length); // 0
console.log(Object.hasOwn(arr, 3.4)); // true

// This creates an array with only one element: the number 42.
const arr = [42];

// This creates an array with no elements and arr.length set to 42.
const arr = Array(42);

// This is equivalent to:
const arr = [];
arr.length = 42;

Phương pháp

const emp = [];
emp[0] = 'Casey Jones';
emp[1] = 'Phil Lesh';
emp[2] = 'August West';

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

const arr = [];
arr[3.4] = 'Oranges';
console.log(arr.length); // 0
console.log(Object.hasOwn(arr, 3.4)); // true

Lưu ý: Phương thức

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

Phương thức

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This creates an array with only one element: the number 42.
const arr = [42];

// This creates an array with no elements and arr.length set to 42.
const arr = Array(42);

// This is equivalent to:
const arr = [];
arr.length = 42;

Phương pháp

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This creates an array with only one element: the number 42.
const arr = [42];

// This creates an array with no elements and arr.length set to 42.
const arr = Array(42);

// This is equivalent to:
const arr = [];
arr.length = 42;

Phương thức

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This creates an array with only one element: the number 42.
const arr = [42];

// This creates an array with no elements and arr.length set to 42.
const arr = Array(42);

// This is equivalent to:
const arr = [];
arr.length = 42;

Phương thức

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This creates an array with only one element: the number 42.
const arr = [42];

// This creates an array with no elements and arr.length set to 42.
const arr = Array(42);

// This is equivalent to:
const arr = [];
arr.length = 42;

Phương thức

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This creates an array with only one element: the number 42.
const arr = [42];

// This creates an array with no elements and arr.length set to 42.
const arr = Array(42);

// This is equivalent to:
const arr = [];
arr.length = 42;

Phương thức

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This creates an array with only one element: the number 42.
const arr = [42];

// This creates an array with no elements and arr.length set to 42.
const arr = Array(42);

// This is equivalent to:
const arr = [];
arr.length = 42;

Phương thức

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This creates an array with only one element: the number 42.
const arr = [42];

// This creates an array with no elements and arr.length set to 42.
const arr = Array(42);

// This is equivalent to:
const arr = [];
arr.length = 42;

Phương thức

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

const arr = Array(9.3); // RangeError: Invalid array length

Phương thức

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

const arr = Array(9.3); // RangeError: Invalid array length

Phương pháp

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

Nếu

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

Nếu

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

Nếu

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

const arr = Array(9.3); // RangeError: Invalid array length

Phương pháp

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

Mảng thưa thớt

Các mảng có thể chứa "các khe trống", không giống như các khe chứa đầy giá trị

const arr = [];
arr[3.4] = 'Oranges';
console.log(arr.length); // 0
console.log(Object.hasOwn(arr, 3.4)); // true

const arr = Array(9.3); // RangeError: Invalid array length

Trong một số hoạt động, các khe trống cư xử như thể chúng được lấp đầy với

const arr = [];
arr[3.4] = 'Oranges';
console.log(arr.length); // 0
console.log(Object.hasOwn(arr, 3.4)); // true

const arr = Array(9.3); // RangeError: Invalid array length

Nhưng ở những người khác (đáng chú ý nhất là các phương thức lặp mảng), các khe trống được bỏ qua.

const arr = Array(9.3); // RangeError: Invalid array length

Để biết danh sách đầy đủ về cách các phương thức mảng hoạt động với các mảng thưa thớt, hãy xem trang tham chiếu

const wisenArray = Array.of(9.3); // wisenArray contains only one element 9.3

Mảng đa chiều

Các mảng có thể được lồng, có nghĩa là một mảng có thể chứa một mảng khác như một phần tử. Sử dụng đặc tính này của các mảng JavaScript, các mảng đa chiều có thể được tạo ra.

Mã sau đây tạo ra một mảng hai chiều.

const arr = Array(9.3); // RangeError: Invalid array length

Ví dụ này tạo ra một mảng với các hàng sau:

const arr = Array(9.3); // RangeError: Invalid array length

Sử dụng các mảng để lưu trữ các thuộc tính khác

Mảng cũng có thể được sử dụng như các đối tượng, để lưu trữ thông tin liên quan.

const arr = Array(9.3); // RangeError: Invalid array length

Ví dụ: khi một mảng là kết quả của sự phù hợp giữa biểu thức chính quy và chuỗi, mảng trả về các thuộc tính và các phần tử cung cấp thông tin về trận đấu. Một mảng là giá trị trả về của

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

Làm việc với các đối tượng giống như mảng

Một số đối tượng JavaScript, chẳng hạn như

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

const myArray = ['Wind', 'Rain', 'Fire'];

const emp = [];
emp[0] = 'Casey Jones';
emp[1] = 'Phil Lesh';
emp[2] = 'August West';

Các phương thức mảng không thể được gọi trực tiếp trên các đối tượng giống như mảng.

const arr = Array(9.3); // RangeError: Invalid array length

Nhưng bạn có thể gọi chúng là gián tiếp bằng cách sử dụng

// This...
const arr1 = new Array(arrayLength);

// ...results in the same array as this
const arr2 = Array(arrayLength);

// This has exactly the same effect
const arr3 = [];
arr3.length = arrayLength;

const wisenArray = Array.of(9.3); // wisenArray contains only one element 9.3

Các phương thức nguyên mẫu mảng cũng có thể được sử dụng trên các chuỗi, vì chúng cung cấp quyền truy cập tuần tự vào các ký tự của chúng theo cách tương tự với mảng:

const wisenArray = Array.of(9.3); // wisenArray contains only one element 9.3

• " Trước
• Tiếp theo "