Hướng dẫn how do you end an array in javascript? - làm thế nào để bạn kết thúc một mảng trong javascript?


🏠 Quay trở lại trang chủ

Làm thế nào để bạn có được phần tử cuối cùng của một mảng trong JavaScript? Hãy cùng tìm hiểu.

Xuất bản ngày 26 tháng 9 năm 2019, Cập nhật lần cuối ngày 11 tháng 4 năm 2022, Last Updated Apr 11 2022

Show
⭐️ NEW JAVASCRIPT COURSE launching in November! ⭐️

Bạn đang tự hỏi làm thế nào để có được yếu tố cuối cùng của một mảng trong JavaScript?how to get last element of an array in JavaScript?

Giả sử bạn có một mảng, như thế này:

const colors = ['red', 'yellow', 'green', 'blue']

Trong trường hợp này, mảng có 4 mục.

Bạn biết bạn có thể nhận được mục đầu tiên bằng

d=[]
d.push('life') 
//=> 1
d 
//=>['life']
4, lần thứ hai sử dụng
d=[]
d.push('life') 
//=> 1
d 
//=>['life']
5, v.v.

Để có được mục cuối cùng mà không biết trước đó có bao nhiêu mục, bạn có thể sử dụng thuộc tính

d=[]
d.push('life') 
//=> 1
d 
//=>['life']
6 để xác định nó và vì số lượng mảng bắt đầu ở 0, bạn có thể chọn mục cuối cùng bằng cách tham chiếu mục
d=[]
d.push('life') 
//=> 1
d 
//=>['life']
7.

Đây là một ví dụ đơn giản:

const lastItem = colors[colors.length - 1]

Đó là một lời giải thích đơn giản về cách lấy mục cuối cùng của một mảng trong JavaScript!

Nếu bạn thích video, tôi cũng đã làm một video về cách lấy phần tử cuối cùng của một mảng trong JavaScript:how to get last element of an array in JavaScript:


Vì vậy, rất nhiều người đang trả lời với pop (), nhưng hầu hết trong số họ dường như không nhận ra đó là một phương pháp phá hoại.

var a = [1,2,3]
a.pop()
//3
//a is now [1,2]

Vì vậy, đối với một phương pháp thực sự ngớ ngẩn, không phá hủy:

var a = [1,2,3]
a[a.push(a.pop())-1]
//3

Một pop pop, như trong những năm 90 :)

Đẩy thêm một giá trị vào cuối một mảng và trả về độ dài của kết quả. vì thế

d=[]
d.push('life') 
//=> 1
d 
//=>['life']

POP trả về giá trị của mục cuối cùng của một mảng, trước khi xóa giá trị đó tại chỉ mục đó. vì thế

c = [1,2,1]
c.pop() 
//=> 1
c 
//=> [1,2]

Các mảng được lập chỉ mục 0, vì vậy c.length => 3, c [c.length] => không xác định (vì bạn đang tìm kiếm giá trị thứ 4 nếu bạn làm điều đó (mức độ sâu này là cho bất kỳ người mới bất đắc dĩ nào kết thúc ở đây )).

Có lẽ không phải là tốt nhất, hoặc thậm chí là một phương pháp tốt cho ứng dụng của bạn, những gì với lưu lượng truy cập, khuấy, blah. Nhưng để đi qua một mảng, phát trực tiếp nó lên một mảng khác, chỉ là ngớ ngẩn với các phương pháp không hiệu quả, điều này. Hoàn toàn điều này.

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

d=[]
d.push('life') 
//=> 1
d 
//=>['life']
8 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ỉ định bằng 0: phần tử đầu tiên của một mảng là tại Index
    d=[]
    d.push('life') 
    //=> 1
    d 
    //=>['life']
    
    9, phần thứ hai là tại Index
    c = [1,2,1]
    c.pop() 
    //=> 1
    c 
    //=> [1,2]
    
    0, v.v.-và phần tử cuối cùng là giá trị của thuộc tính
    d=[]
    d.push('life') 
    //=> 1
    d 
    //=>['life']
    
    6 của mảng trừ
    c = [1,2,1]
    c.pop() 
    //=> 1
    c 
    //=> [1,2]
    
    0.
    : the first element of an array is at index
    d=[]
    d.push('life') 
    //=> 1
    d 
    //=>['life']
    
    9, the second is at index
    c = [1,2,1]
    c.pop() 
    //=> 1
    c 
    //=> [1,2]
    
    0, and so on — and the last element is at the value of the array's
    d=[]
    d.push('life') 
    //=> 1
    d 
    //=>['life']
    
    6 property minus
    c = [1,2,1]
    c.pop() 
    //=> 1
    c 
    //=> [1,2]
    
    0.
  • 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).

Người xây dựng

c = [1,2,1]
c.pop() 
//=> 1
c 
//=> [1,2]
3

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

d=[]
d.push('life') 
//=> 1
d 
//=>['life']
8 mới.

Tính chất tĩnh

c = [1,2,1]
c.pop() 
//=> 1
c 
//=> [1,2]
5

Trả về hàm tạo

d=[]
d.push('life') 
//=> 1
d 
//=>['life']
8.

Phương pháp tĩnh

c = [1,2,1]
c.pop() 
//=> 1
c 
//=> [1,2]
7

Tạo một thể hiện

d=[]
d.push('life') 
//=> 1
d 
//=>['life']
8 mới từ một đối tượng giống như mảng hoặc đối tượng có thể lặp lại.

c = [1,2,1]
c.pop() 
//=> 1
c 
//=> [1,2]
9

Trả về

// 'fruits' array created using array literal notation.
const fruits = ['Apple', 'Banana'];
console.log(fruits.length);
// 2

// 'fruits2' array created using the Array() constructor.
const fruits2 = new Array('Apple', 'Banana');
console.log(fruits2.length);
// 2

// 'fruits3' array created using String.prototype.split().
const fruits3 = 'Apple, Banana'.split(', ');
console.log(fruits3.length);
// 2
0 nếu đối số là một mảng hoặc
// 'fruits' array created using array literal notation.
const fruits = ['Apple', 'Banana'];
console.log(fruits.length);
// 2

// 'fruits2' array created using the Array() constructor.
const fruits2 = new Array('Apple', 'Banana');
console.log(fruits2.length);
// 2

// 'fruits3' array created using String.prototype.split().
const fruits3 = 'Apple, Banana'.split(', ');
console.log(fruits3.length);
// 2
1 khác.

// 'fruits' array created using array literal notation.
const fruits = ['Apple', 'Banana'];
console.log(fruits.length);
// 2

// 'fruits2' array created using the Array() constructor.
const fruits2 = new Array('Apple', 'Banana');
console.log(fruits2.length);
// 2

// 'fruits3' array created using String.prototype.split().
const fruits3 = 'Apple, Banana'.split(', ');
console.log(fruits3.length);
// 2
2

Tạo một thể hiện

d=[]
d.push('life') 
//=> 1
d 
//=>['life']
8 mới với một số lượng đối số thay đổi, bất kể số hoặc loại đối số.

Thuộc tính thể hiện

// 'fruits' array created using array literal notation.
const fruits = ['Apple', 'Banana'];
console.log(fruits.length);
// 2

// 'fruits2' array created using the Array() constructor.
const fruits2 = new Array('Apple', 'Banana');
console.log(fruits2.length);
// 2

// 'fruits3' array created using String.prototype.split().
const fruits3 = 'Apple, Banana'.split(', ');
console.log(fruits3.length);
// 2
4

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

// 'fruits' array created using array literal notation.
const fruits = ['Apple', 'Banana'];
console.log(fruits.length);
// 2

// 'fruits2' array created using the Array() constructor.
const fruits2 = new Array('Apple', 'Banana');
console.log(fruits2.length);
// 2

// 'fruits3' array created using String.prototype.split().
const fruits3 = 'Apple, Banana'.split(', ');
console.log(fruits3.length);
// 2
5

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ố

// 'fruits' array created using array literal notation.
const fruits = ['Apple', 'Banana'];
console.log(fruits.length);
// 2

// 'fruits2' array created using the Array() constructor.
const fruits2 = new Array('Apple', 'Banana');
console.log(fruits2.length);
// 2

// 'fruits3' array created using String.prototype.split().
const fruits3 = 'Apple, Banana'.split(', ');
console.log(fruits3.length);
// 2
6.

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

// 'fruits' array created using array literal notation.
const fruits = ['Apple', 'Banana'];
console.log(fruits.length);
// 2

// 'fruits2' array created using the Array() constructor.
const fruits2 = new Array('Apple', 'Banana');
console.log(fruits2.length);
// 2

// 'fruits3' array created using String.prototype.split().
const fruits3 = 'Apple, Banana'.split(', ');
console.log(fruits3.length);
// 2
7

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.

// 'fruits' array created using array literal notation.
const fruits = ['Apple', 'Banana'];
console.log(fruits.length);
// 2

// 'fruits2' array created using the Array() constructor.
const fruits2 = new Array('Apple', 'Banana');
console.log(fruits2.length);
// 2

// 'fruits3' array created using String.prototype.split().
const fruits3 = 'Apple, Banana'.split(', ');
console.log(fruits3.length);
// 2
8

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

// 'fruits' array created using array literal notation.
const fruits = ['Apple', 'Banana'];
console.log(fruits.length);
// 2

// 'fruits2' array created using the Array() constructor.
const fruits2 = new Array('Apple', 'Banana');
console.log(fruits2.length);
// 2

// 'fruits3' array created using String.prototype.split().
const fruits3 = 'Apple, Banana'.split(', ');
console.log(fruits3.length);
// 2
9

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

const fruits = ['Apple', 'Banana'];
const fruitsString = fruits.join(', ');
console.log(fruitsString);
// "Apple, Banana"
0

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 = ['Apple', 'Banana'];
const fruitsString = fruits.join(', ');
console.log(fruitsString);
// "Apple, Banana"
1

Trả về

// 'fruits' array created using array literal notation.
const fruits = ['Apple', 'Banana'];
console.log(fruits.length);
// 2

// 'fruits2' array created using the Array() constructor.
const fruits2 = new Array('Apple', 'Banana');
console.log(fruits2.length);
// 2

// 'fruits3' array created using String.prototype.split().
const fruits3 = 'Apple, Banana'.split(', ');
console.log(fruits3.length);
// 2
0 Nếu mọi phần tử trong mảng gọi thỏa mãn chức năng kiểm tra.

const fruits = ['Apple', 'Banana'];
const fruitsString = fruits.join(', ');
console.log(fruitsString);
// "Apple, Banana"
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 = ['Apple', 'Banana'];
const fruitsString = fruits.join(', ');
console.log(fruitsString);
// "Apple, Banana"
4

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' array created using array literal notation.
const fruits = ['Apple', 'Banana'];
console.log(fruits.length);
// 2

// 'fruits2' array created using the Array() constructor.
const fruits2 = new Array('Apple', 'Banana');
console.log(fruits2.length);
// 2

// 'fruits3' array created using String.prototype.split().
const fruits3 = 'Apple, Banana'.split(', ');
console.log(fruits3.length);
// 2
0.

const fruits = ['Apple', 'Banana'];
const fruitsString = fruits.join(', ');
console.log(fruitsString);
// "Apple, Banana"
6

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 = ['Apple', 'Banana'];
const fruitsString = fruits.join(', ');
console.log(fruitsString);
// "Apple, Banana"
7 nếu không tìm thấy phần tử thích hợp.

const fruits = ['Apple', 'Banana'];
const fruitsString = fruits.join(', ');
console.log(fruitsString);
// "Apple, Banana"
8

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 = ['Apple', 'Banana'];
const fruitsString = fruits.join(', ');
console.log(fruitsString);
// "Apple, Banana"
9 nếu không tìm thấy phần tử thích hợp.

const fruits = ['Apple', 'Banana'];

// The index of an array's first element is always 0.
fruits[0]; // Apple

// The index of an array's second element is always 1.
fruits[1]; // Banana

// The index of an array's last element is always one
// less than the length of the array.
fruits[fruits.length - 1]; // Banana

// Using a index number larger than the array's length
// returns 'undefined'.
fruits[99]; // undefined
0

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 = ['Apple', 'Banana'];
const fruitsString = fruits.join(', ');
console.log(fruitsString);
// "Apple, Banana"
7 nếu không tìm thấy phần tử thích hợp.

const fruits = ['Apple', 'Banana'];

// The index of an array's first element is always 0.
fruits[0]; // Apple

// The index of an array's second element is always 1.
fruits[1]; // Banana

// The index of an array's last element is always one
// less than the length of the array.
fruits[fruits.length - 1]; // Banana

// Using a index number larger than the array's length
// returns 'undefined'.
fruits[99]; // undefined
2

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 = ['Apple', 'Banana'];
const fruitsString = fruits.join(', ');
console.log(fruitsString);
// "Apple, Banana"
9 nếu không tìm thấy phần tử thích hợp.

const fruits = ['Apple', 'Banana'];

// The index of an array's first element is always 0.
fruits[0]; // Apple

// The index of an array's second element is always 1.
fruits[1]; // Banana

// The index of an array's last element is always one
// less than the length of the array.
fruits[fruits.length - 1]; // Banana

// Using a index number larger than the array's length
// returns 'undefined'.
fruits[99]; // undefined
4

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 = ['Apple', 'Banana'];

// The index of an array's first element is always 0.
fruits[0]; // Apple

// The index of an array's second element is always 1.
fruits[1]; // Banana

// The index of an array's last element is always one
// less than the length of the array.
fruits[fruits.length - 1]; // Banana

// Using a index number larger than the array's length
// returns 'undefined'.
fruits[99]; // undefined
5

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 = ['Apple', 'Banana'];

// The index of an array's first element is always 0.
fruits[0]; // Apple

// The index of an array's second element is always 1.
fruits[1]; // Banana

// The index of an array's last element is always one
// less than the length of the array.
fruits[fruits.length - 1]; // Banana

// Using a index number larger than the array's length
// returns 'undefined'.
fruits[99]; // undefined
6

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

const fruits = ['Apple', 'Banana'];

// The index of an array's first element is always 0.
fruits[0]; // Apple

// The index of an array's second element is always 1.
fruits[1]; // Banana

// The index of an array's last element is always one
// less than the length of the array.
fruits[fruits.length - 1]; // Banana

// Using a index number larger than the array's length
// returns 'undefined'.
fruits[99]; // undefined
7 Thử nghiệmExperimental

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 = ['Apple', 'Banana'];

// The index of an array's first element is always 0.
fruits[0]; // Apple

// The index of an array's second element is always 1.
fruits[1]; // Banana

// The index of an array's last element is always one
// less than the length of the array.
fruits[fruits.length - 1]; // Banana

// Using a index number larger than the array's length
// returns 'undefined'.
fruits[99]; // undefined
8 Thử nghiệmExperimental

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

const fruits = ['Apple', 'Banana'];

// The index of an array's first element is always 0.
fruits[0]; // Apple

// The index of an array's second element is always 1.
fruits[1]; // Banana

// The index of an array's last element is always one
// less than the length of the array.
fruits[fruits.length - 1]; // Banana

// Using a index number larger than the array's length
// returns 'undefined'.
fruits[99]; // undefined
9 theo các giá trị được trả về bởi hàm thử nghiệm.

const fruits = ['Apple', 'Banana'];
console.log(fruits.indexOf('Banana'));
// 1
0

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

// 'fruits' array created using array literal notation.
const fruits = ['Apple', 'Banana'];
console.log(fruits.length);
// 2

// 'fruits2' array created using the Array() constructor.
const fruits2 = new Array('Apple', 'Banana');
console.log(fruits2.length);
// 2

// 'fruits3' array created using String.prototype.split().
const fruits3 = 'Apple, Banana'.split(', ');
console.log(fruits3.length);
// 2
0 hoặc
// 'fruits' array created using array literal notation.
const fruits = ['Apple', 'Banana'];
console.log(fruits.length);
// 2

// 'fruits2' array created using the Array() constructor.
const fruits2 = new Array('Apple', 'Banana');
console.log(fruits2.length);
// 2

// 'fruits3' array created using String.prototype.split().
const fruits3 = 'Apple, Banana'.split(', ');
console.log(fruits3.length);
// 2
1 nếu thích hợp.

const fruits = ['Apple', 'Banana'];
console.log(fruits.indexOf('Banana'));
// 1
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 = ['Apple', 'Banana'];
console.log(fruits.indexOf('Banana'));
// 1
4

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

const fruits = ['Apple', 'Banana'];
console.log(fruits.indexOf('Banana'));
// 1
5

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 = ['Apple', 'Banana'];
console.log(fruits.indexOf('Banana'));
// 1
6

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 = ['Apple', 'Banana'];
const fruitsString = fruits.join(', ');
console.log(fruitsString);
// "Apple, Banana"
9 nếu không tìm thấy.

const fruits = ['Apple', 'Banana'];
console.log(fruits.indexOf('Banana'));
// 1
8

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 = ['Apple', 'Banana'];
console.log(fruits.indexOf('Banana'));
// 1
9

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

const lastItem = colors[colors.length - 1]
00

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

d=[]
d.push('life') 
//=> 1
d 
//=>['life']
6 mới của mảng.

const lastItem = colors[colors.length - 1]
02

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 lastItem = colors[colors.length - 1]
03

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 lastItem = colors[colors.length - 1]
04

Đả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 lastItem = colors[colors.length - 1]
05

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

const lastItem = colors[colors.length - 1]
06

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

const lastItem = colors[colors.length - 1]
07

Trả về

// 'fruits' array created using array literal notation.
const fruits = ['Apple', 'Banana'];
console.log(fruits.length);
// 2

// 'fruits2' array created using the Array() constructor.
const fruits2 = new Array('Apple', 'Banana');
console.log(fruits2.length);
// 2

// 'fruits3' array created using String.prototype.split().
const fruits3 = 'Apple, Banana'.split(', ');
console.log(fruits3.length);
// 2
0 Nếu ít nhất một phần tử trong mảng gọi thỏa mãn chức năng kiểm tra được cung cấp.

const lastItem = colors[colors.length - 1]
09

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

const lastItem = colors[colors.length - 1]
10

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

const lastItem = colors[colors.length - 1]
11

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 lastItem = colors[colors.length - 1]
12.

const lastItem = colors[colors.length - 1]
13

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 lastItem = colors[colors.length - 1]
14.

const lastItem = colors[colors.length - 1]
15

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ề

d=[]
d.push('life') 
//=> 1
d 
//=>['life']
6 mới của mảng.

const lastItem = colors[colors.length - 1]
17

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 lastItem = colors[colors.length - 1]
18

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

const lastItem = colors[colors.length - 1]
19 theo mặc định.

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

c = [1,2,1]
c.pop() 
//=> 1
c 
//=> [1,2]
3 và cuối cùng sử dụng
const lastItem = colors[colors.length - 1]
21 để xây dựng mảng từ một chuỗi.

// 'fruits' array created using array literal notation.
const fruits = ['Apple', 'Banana'];
console.log(fruits.length);
// 2

// 'fruits2' array created using the Array() constructor.
const fruits2 = new Array('Apple', 'Banana');
console.log(fruits2.length);
// 2

// 'fruits3' array created using String.prototype.split().
const fruits3 = 'Apple, Banana'.split(', ');
console.log(fruits3.length);
// 2

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

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

const lastItem = colors[colors.length - 1]
22 để tạo một chuỗi từ mảng
const lastItem = colors[colors.length - 1]
23.

const fruits = ['Apple', 'Banana'];
const fruitsString = fruits.join(', ');
console.log(fruitsString);
// "Apple, Banana"

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 lastItem = colors[colors.length - 1]
23 bằng cách chỉ định số chỉ mục của vị trí của chúng trong mảng.

const fruits = ['Apple', 'Banana'];

// The index of an array's first element is always 0.
fruits[0]; // Apple

// The index of an array's second element is always 1.
fruits[1]; // Banana

// The index of an array's last element is always one
// less than the length of the array.
fruits[fruits.length - 1]; // Banana

// Using a index number larger than the array's length
// returns 'undefined'.
fruits[99]; // undefined

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

const lastItem = colors[colors.length - 1]
25 để tìm vị trí (chỉ mục) của chuỗi
const lastItem = colors[colors.length - 1]
26 trong mảng
const lastItem = colors[colors.length - 1]
23.

const fruits = ['Apple', 'Banana'];
console.log(fruits.indexOf('Banana'));
// 1

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 lastItem = colors[colors.length - 1]
23 có chứa
const lastItem = colors[colors.length - 1]
26 và
const lastItem = colors[colors.length - 1]
30: Đầu tiên với phương thức
const lastItem = colors[colors.length - 1]
31, sau đó với phương thức
const lastItem = colors[colors.length - 1]
25 để kiểm tra giá trị chỉ mục không phải là
const fruits = ['Apple', 'Banana'];
const fruitsString = fruits.join(', ');
console.log(fruitsString);
// "Apple, Banana"
9.

const lastItem = colors[colors.length - 1]
0

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

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

const lastItem = colors[colors.length - 1]
34 để nối một chuỗi mới vào mảng
const lastItem = colors[colors.length - 1]
23.

const lastItem = colors[colors.length - 1]
1

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 lastItem = colors[colors.length - 1]
36 để xóa mục cuối cùng khỏi mảng
const lastItem = colors[colors.length - 1]
23.

const lastItem = colors[colors.length - 1]
2

Lưu ý:

const lastItem = colors[colors.length - 1]
36 chỉ có thể được sử dụng để loại bỏ mục cuối cùng khỏi một mảng. Để loại bỏ nhiều mục từ cuối một mảng, hãy xem ví dụ tiếp theo.
const lastItem = colors[colors.length - 1]
36 can only be used to remove the last item from an array. To remove multiple items from the end of an array, see the next example.

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

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

const lastItem = colors[colors.length - 1]
39 để loại bỏ 3 mục cuối cùng khỏi mảng
const lastItem = colors[colors.length - 1]
23.

const lastItem = colors[colors.length - 1]
3

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

const lastItem = colors[colors.length - 1]
39 để cắt giảm mảng
const lastItem = colors[colors.length - 1]
23 xuống chỉ còn 2 mục đầu tiên.

const lastItem = colors[colors.length - 1]
4

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 lastItem = colors[colors.length - 1]
43 để xóa mục đầu tiên khỏi mảng
const lastItem = colors[colors.length - 1]
23.

const lastItem = colors[colors.length - 1]
5

Lưu ý:

const lastItem = colors[colors.length - 1]
43 chỉ có thể được sử dụng để loại bỏ mục đầu tiên khỏi một mảng. Để loại bỏ nhiều mục từ đầu một mảng, hãy xem ví dụ tiếp theo.
const lastItem = colors[colors.length - 1]
43 can only be used to remove the first item from an array. To remove multiple items from the beginning of an array, see the next example.

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

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

const lastItem = colors[colors.length - 1]
39 để loại bỏ 3 mục đầu tiên khỏi mảng
const lastItem = colors[colors.length - 1]
23.

const lastItem = colors[colors.length - 1]
6

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 lastItem = colors[colors.length - 1]
48 để thêm, tại Index
d=[]
d.push('life') 
//=> 1
d 
//=>['life']
9, một mục mới cho mảng
const lastItem = colors[colors.length - 1]
23 - biến nó thành mục đầu tiên mới trong mảng.

const lastItem = colors[colors.length - 1]
7

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

const lastItem = colors[colors.length - 1]
39 để xóa chuỗi
const lastItem = colors[colors.length - 1]
26 khỏi mảng
const lastItem = colors[colors.length - 1]
23 - bằng cách chỉ định vị trí chỉ mục của
const lastItem = colors[colors.length - 1]
26.

const lastItem = colors[colors.length - 1]
8

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

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

const lastItem = colors[colors.length - 1]
39 để loại bỏ các chuỗi
const lastItem = colors[colors.length - 1]
26 và
const lastItem = colors[colors.length - 1]
57 khỏi mảng
const lastItem = colors[colors.length - 1]
23 - bằng cách chỉ định vị trí chỉ mục của
const lastItem = colors[colors.length - 1]
26, cùng với số lượng tổng số mục để xóa.

const lastItem = colors[colors.length - 1]
9

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

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

const lastItem = colors[colors.length - 1]
39 để thay thế 2 mục cuối cùng trong mảng
const lastItem = colors[colors.length - 1]
23 bằng các mục mới.

var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
0

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

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

const lastItem = colors[colors.length - 1]
62 để lặp qua mảng
const lastItem = colors[colors.length - 1]
23, đăng nhập từng mục vào bảng điều khiển.

var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
1

Nhưng

const lastItem = colors[colors.length - 1]
62 chỉ là một trong nhiều cách để lặp lại bất kỳ mảng nào; Để biết thêm các cách, xem các vòng lặp và lặp lại, và xem tài liệu cho
const lastItem = colors[colors.length - 1]
65,
const lastItem = colors[colors.length - 1]
66,
const lastItem = colors[colors.length - 1]
67,
const lastItem = colors[colors.length - 1]
68,
const lastItem = colors[colors.length - 1]
69 và
const lastItem = colors[colors.length - 1]
70 - và xem ví dụ tiếp theo, sử dụng phương pháp
const lastItem = colors[colors.length - 1]
71.

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 lastItem = colors[colors.length - 1]
71 để gọi hàm trên mỗi phần tử trong mảng
const lastItem = colors[colors.length - 1]
23; Hàm làm cho mỗi mục được ghi vào bảng điều khiển, cùng với số chỉ mục của mục.

var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
2

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

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

const lastItem = colors[colors.length - 1]
74 để hợp nhất mảng
const lastItem = colors[colors.length - 1]
23 với mảng
const lastItem = colors[colors.length - 1]
76, để tạo ra một mảng
const lastItem = colors[colors.length - 1]
77 mới. Lưu ý rằng
const lastItem = colors[colors.length - 1]
23 và
const lastItem = colors[colors.length - 1]
76 vẫn không thay đổi.

var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
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 lastItem = colors[colors.length - 1]
23 hiện có: đầu tiên bằng cách sử dụng cú pháp lan truyền, sau đó bằng cách sử dụng phương thức
const lastItem = colors[colors.length - 1]
81, sau đó bằng cách sử dụng phương thức
const lastItem = colors[colors.length - 1]
82.

var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
4

Tất cả các hoạt động sao chép mảng tích hợp (cú pháp lan truyền,

c = [1,2,1]
c.pop() 
//=> 1
c 
//=> [1,2]
7,
const lastItem = colors[colors.length - 1]
06 và
// 'fruits' array created using array literal notation.
const fruits = ['Apple', 'Banana'];
console.log(fruits.length);
// 2

// 'fruits2' array created using the Array() constructor.
const fruits2 = new Array('Apple', 'Banana');
console.log(fruits2.length);
// 2

// 'fruits3' array created using String.prototype.split().
const fruits3 = 'Apple, Banana'.split(', ');
console.log(fruits3.length);
// 2
8) tạo ra các bản sao nông. Thay vào đó, nếu bạn muốn có một bản sao sâu của một mảng, bạn có thể sử dụng
const lastItem = colors[colors.length - 1]
86 để chuyển đổi mảng thành chuỗi JSON và sau đó
const lastItem = colors[colors.length - 1]
87 để chuyển đổi chuỗi trở lại thành một mảng mới hoàn toàn độc lập với mảng gốc.

var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
5

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

const lastItem = colors[colors.length - 1]
88, có lợi thế cho phép các đối tượng có thể chuyển được trong nguồn được chuyển sang bản sao mới, thay vì chỉ nhân bản.

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:

var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
6

Nhóm các yếu tố của một mảng

Các phương thức

const fruits = ['Apple', 'Banana'];

// The index of an array's first element is always 0.
fruits[0]; // Apple

// The index of an array's second element is always 1.
fruits[1]; // Banana

// The index of an array's last element is always one
// less than the length of the array.
fruits[fruits.length - 1]; // Banana

// Using a index number larger than the array's length
// returns 'undefined'.
fruits[99]; // undefined
7 có thể được sử dụng để nhóm các phần tử của một mảng, sử dụng hàm thử nghiệm trả về một chuỗi biểu thị nhóm của phần tử hiện tại.

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

const lastItem = colors[colors.length - 1]
90 và
const lastItem = colors[colors.length - 1]
91.

var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
7

Để sử dụng

const lastItem = colors[colors.length - 1]
92, bạn cung cấp chức năng gọi lại được gọi với phần tử hiện tại và tùy chọn chỉ mục và mảng hiện tại và trả về một chuỗi chỉ ra nhóm của phần tử.

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

const lastItem = colors[colors.length - 1]
91 của mỗi phần tử mảng (điều này sử dụng cú pháp phá hủy đối tượng cho các đối số chức năng để giải nén phần tử
const lastItem = colors[colors.length - 1]
91 khỏi đối tượng được truyền). Kết quả là một đối tượng có các thuộc tính được đặt tên theo các chuỗi duy nhất được trả về bởi cuộc gọi lại. Mỗi thuộc tính được gán một mảng chứa các phần tử trong nhóm.

var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
8

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

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

const fruits = ['Apple', 'Banana'];

// The index of an array's first element is always 0.
fruits[0]; // Apple

// The index of an array's second element is always 1.
fruits[1]; // Banana

// The index of an array's last element is always one
// less than the length of the array.
fruits[fruits.length - 1]; // Banana

// Using a index number larger than the array's length
// returns 'undefined'.
fruits[99]; // undefined
8. Điều này rất giống với
const lastItem = colors[colors.length - 1]
96 ngoại trừ việc nó nhóm các phần tử của mảng thành
const fruits = ['Apple', 'Banana'];

// The index of an array's first element is always 0.
fruits[0]; // Apple

// The index of an array's second element is always 1.
fruits[1]; // Banana

// The index of an array's last element is always one
// less than the length of the array.
fruits[fruits.length - 1]; // Banana

// Using a index number larger than the array's length
// returns 'undefined'.
fruits[99]; // undefined
9 có thể sử dụng giá trị tùy ý (đối tượng hoặc nguyên thủy) làm chìa khóa.

Những ví dụ khác

Tạo một mảng hai chiều

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

const lastItem = colors[colors.length - 1]
98 trong
const lastItem = colors[colors.length - 1]
99 lên
var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
00. Vị trí cũ tại
var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
01 được làm trống.

var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
9

Đây là đầu ra:

var a = [1,2,3]
a[a.push(a.pop())-1]
//3
0

Sử dụng một mảng để lập bảng một tập hợp các giá trị

var a = [1,2,3]
a[a.push(a.pop())-1]
//3
1

Kết quả trong

var a = [1,2,3]
a[a.push(a.pop())-1]
//3
2

Tạo một mảng bằng kết quả của một trận đấu

Kết quả của một trận đấu giữa

var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
02 và một chuỗi có thể tạo ra một mảng JavaScript có thuộc tính và phần tử cung cấp thông tin về trận đấu. Một mảng như vậy được trả lại bởi
var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
03 và
var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
04.

Ví dụ:

var a = [1,2,3]
a[a.push(a.pop())-1]
//3
3

Để biết thêm thông tin về kết quả của một trận đấu, hãy xem trang

var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
03 và
var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
04.

Ghi chú

d=[]
d.push('life') 
//=> 1
d 
//=>['life']
8 Các đối tượng không thể sử dụng các chuỗi tùy ý làm chỉ số phần tử (như trong một mảng kết hợp) nhưng phải sử dụng các số nguyên không âm (hoặc dạng chuỗi tương ứng của chúng). Cài đặt hoặc truy cập thông qua những người không phải là thông tin sẽ không đặt hoặc truy xuất một phần tử từ chính danh sách mảng, nhưng sẽ đặt hoặc truy cập một biến được liên kết với bộ sưu tập thuộc tính đối tượng của mảng đó. Các thuộc tính đối tượng của mảng và danh sách các phần tử mảng là riêng biệt và các hoạt động di chuyển và đột biến của mảng không thể được áp dụng cho các thuộc tính được đặt tên này.

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

var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
08 là một thuộc tính (tuy nhiên, cụ thể,
var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
09 là một phương thức). Tuy nhiên, cố gắng truy cập một phần tử của một mảng như sau đã ném lỗi cú pháp vì tên thuộc tính không hợp lệ:

var a = [1,2,3]
a[a.push(a.pop())-1]
//3
4

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

var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
10 thay vì
var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
11), mặc dù thường không cần thiết.

var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
12 trong
var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
11 được ép thành một chuỗi bởi công cụ JavaScript thông qua chuyển đổi
var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
08 ngầm. Do đó,
var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
15 và
var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
16 sẽ đề cập đến hai vị trí khác nhau trên đối tượng
var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
17 và ví dụ sau đây có thể là
// 'fruits' array created using array literal notation.
const fruits = ['Apple', 'Banana'];
console.log(fruits.length);
// 2

// 'fruits2' array created using the Array() constructor.
const fruits2 = new Array('Apple', 'Banana');
console.log(fruits2.length);
// 2

// 'fruits3' array created using String.prototype.split().
const fruits3 = 'Apple, Banana'.split(', ');
console.log(fruits3.length);
// 2
0:

var a = [1,2,3]
a[a.push(a.pop())-1]
//3
5

Chỉ

var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
10 là một chỉ số mảng thực tế.
var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
20 là một thuộc tính chuỗi tùy ý sẽ không được truy cập trong vòng lặp mảng.

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

Thuộc tính

d=[]
d.push('life') 
//=> 1
d 
//=>['life']
6 của mảng JavaScript được kết nối.

Một số phương thức mảng tích hợp (ví dụ:

const lastItem = colors[colors.length - 1]
22,
const lastItem = colors[colors.length - 1]
82,
const lastItem = colors[colors.length - 1]
25, v.v.) có tính đến giá trị của thuộc tính
d=[]
d.push('life') 
//=> 1
d 
//=>['life']
6 của mảng khi chúng được gọi.

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

const lastItem = colors[colors.length - 1]
34,
const lastItem = colors[colors.length - 1]
39, v.v.) cũng dẫn đến các bản cập nhật cho thuộc tính
d=[]
d.push('life') 
//=> 1
d 
//=>['life']
6 của mảng.

var a = [1,2,3]
a[a.push(a.pop())-1]
//3
6

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

d=[]
d.push('life') 
//=> 1
d 
//=>['life']
6 của mảng cho phù hợp:

var a = [1,2,3]
a[a.push(a.pop())-1]
//3
7

Tăng

d=[]
d.push('life') 
//=> 1
d 
//=>['life']
6.

var a = [1,2,3]
a[a.push(a.pop())-1]
//3
8

Giảm thuộc tính

d=[]
d.push('life') 
//=> 1
d 
//=>['life']
6, tuy nhiên, xóa các yếu tố.

var a = [1,2,3]
a[a.push(a.pop())-1]
//3
9

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

var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
32.

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 = ['Apple', 'Banana'];
const fruitsString = fruits.join(', ');
console.log(fruitsString);
// "Apple, Banana"
7.

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

var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
34 trước khi truy cập chỉ mục và không kết hợp các khe trống với
const fruits = ['Apple', 'Banana'];
const fruitsString = fruits.join(', ');
console.log(fruitsString);
// "Apple, Banana"
7:

  • const lastItem = colors[colors.length - 1]
    
    74
  • var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    37
  • const lastItem = colors[colors.length - 1]
    
    65
  • const lastItem = colors[colors.length - 1]
    
    66
  • var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    40
  • const lastItem = colors[colors.length - 1]
    
    67
  • const lastItem = colors[colors.length - 1]
    
    71
  • const lastItem = colors[colors.length - 1]
    
    25
  • var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    44
  • const lastItem = colors[colors.length - 1]
    
    68
  • const lastItem = colors[colors.length - 1]
    
    69
  • const lastItem = colors[colors.length - 1]
    
    70
  • var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    48
  • const lastItem = colors[colors.length - 1]
    
    82
  • var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    50
  • var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    51
  • const lastItem = colors[colors.length - 1]
    
    39

Để 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 = ['Apple', 'Banana'];
const fruitsString = fruits.join(', ');
console.log(fruitsString);
// "Apple, Banana"
7:

  • var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    54
  • var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    55
  • var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    56
  • var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    57
  • var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    58
  • var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    59
  • const lastItem = colors[colors.length - 1]
    
    92
  • var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    61
  • const lastItem = colors[colors.length - 1]
    
    31
  • const lastItem = colors[colors.length - 1]
    
    22
  • var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    64
  • var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    65
  • const lastItem = colors[colors.length - 1]
    
    19

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

var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
67 để xác định hàm tạo để sử dụng cho mảng mới. Mảng mới được xây dựng sau đó được điền với các yếu tố. Bản sao luôn xảy ra nông cạn - phương thức không bao giờ sao chép bất cứ thứ gì ngoài mảng được tạo ban đầu. Các phần tử của (các) mảng gốc được sao chép vào mảng mới như sau:

  • Đố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
    var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    68,
    var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    69 và
    var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    70 đố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

var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
71:

  • const lastItem = colors[colors.length - 1]
    
    74
  • const lastItem = colors[colors.length - 1]
    
    66
  • var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    40
  • const lastItem = colors[colors.length - 1]
    
    67
  • const lastItem = colors[colors.length - 1]
    
    68
  • const lastItem = colors[colors.length - 1]
    
    82
  • const lastItem = colors[colors.length - 1]
    
    39 (để xây dựng mảng các phần tử bị loại bỏ đã được trả về)

Lưu ý rằng

const lastItem = colors[colors.length - 1]
92 và
var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
61 không sử dụng
var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
71 để tạo các mảng mới cho mỗi mục nhập nhóm, nhưng luôn sử dụng hàm tạo
d=[]
d.push('life') 
//=> 1
d 
//=>['life']
8 đơn giản. Về mặt khái niệm, họ cũng không sao chép các phương pháp.

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

  • var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    37
  • var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    55
  • const lastItem = colors[colors.length - 1]
    
    36
  • const lastItem = colors[colors.length - 1]
    
    34
  • var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    48
  • const lastItem = colors[colors.length - 1]
    
    43
  • var a = [1,2,3]
    a.pop()
    //3
    //a is now [1,2]
    
    51
  • const lastItem = colors[colors.length - 1]
    
    39
  • const lastItem = colors[colors.length - 1]
    
    48

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

d=[]
d.push('life') 
//=> 1
d 
//=>['life']
6 và các phần tử được lập chỉ mục. Điều này có nghĩa là chúng cũng có thể được gọi trên các đối tượng giống như mảng.

d=[]
d.push('life') 
//=> 1
d 
//=>['life']
0

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

Thuộc tính

d=[]
d.push('life') 
//=> 1
d 
//=>['life']
6 được chuyển đổi thành một số, bị cắt thành một số nguyên và sau đó được kẹp đến phạm vi từ 0 đến 253 - 1.
var a = [1,2,3]
a.pop()
//3
//a is now [1,2]
94 trở thành
d=[]
d.push('life') 
//=> 1
d 
//=>['life']
9, vì vậy ngay cả khi
d=[]
d.push('life') 
//=> 1
d 
//=>['life']
6 không có .

d=[]
d.push('life') 
//=> 1
d 
//=>['life']
1

Một số phương thức mảng đặt thuộc tính

d=[]
d.push('life') 
//=> 1
d 
//=>['life']
6 của đối tượng mảng. Họ luôn đặt giá trị sau khi chuẩn hóa, do đó
d=[]
d.push('life') 
//=> 1
d 
//=>['life']
6 luôn kết thúc dưới dạng số nguyên.

d=[]
d.push('life') 
//=> 1
d 
//=>['life']
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

d=[]
d.push('life') 
//=> 1
d 
//=>['life']
6 được mô tả ở trên. Trong thực tế, đối tượng như vậy dự kiến ​​sẽ thực sự có thuộc tính
d=[]
d.push('life') 
//=> 1
d 
//=>['life']
6 và có các phần tử được lập chỉ mục trong phạm vi
d=[]
d.push('life') 
//=> 1
d 
//=>['life']
9 đến
var a = [1,2,3]
a[a.push(a.pop())-1]
//3
04. (Nếu nó không có tất cả các chỉ số, nó sẽ tương đương về mặt chức năng với một mảng thưa thớt.)

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

var a = [1,2,3]
a[a.push(a.pop())-1]
//3
05 và
var a = [1,2,3]
a[a.push(a.pop())-1]
//3
06. Đối tượng
var a = [1,2,3]
a[a.push(a.pop())-1]
//3
07 cũng giống như mảng. Bạn có thể gọi các phương thức mảng trên chúng ngay cả khi chúng không có các phương thức này.

d=[]
d.push('life') 
//=> 1
d 
//=>['life']
3

Thông số kỹ thuật

Sự chỉ rõ
Đặc tả ngôn ngữ Ecmascript # sec-marray-expects
# sec-array-objects

Tính tương thích của trình duyệt web

Bảng BCD chỉ tải trong trình duyệt

Xem thêm

Làm thế nào để bạn đến cuối một mảng?

Các phần tử đầu tiên và cuối cùng được truy cập bằng cách sử dụng chỉ mục và giá trị đầu tiên được truy cập bằng chỉ mục 0 và phần tử cuối cùng có thể được truy cập thông qua thuộc tính độ dài có một giá trị hơn chỉ mục mảng cao nhất.through length property which has one more value than the highest array index.

Làm thế nào để bạn viết phần tử cuối cùng của một mảng?

Các bước liên quan để có được yếu tố cuối cùng của một mảng là:..
Sử dụng ARRAY SLICE () để trả về một phần tử cụ thể ..
Truy xuất phần tử cuối cùng bằng mảng chỉ số âm.lát (-1).
Lưu phần tử cuối cùng trong một biến ..

Làm thế nào để bạn tước một mảng trong JavaScript?

Các phần tử mảng có thể bị xóa bằng cách sử dụng xóa toán tử JavaScript.Sử dụng xóa các lỗ không xác định trong mảng.Sử dụng pop () hoặc thay đổi () thay thế.using the JavaScript operator delete . Using delete leaves undefined holes in the array. Use pop() or shift() instead.

Làm thế nào để bạn tìm thấy chỉ số cuối cùng của một mảng?

Prototype.LastIndexof () Phương thức LastIndexof () trả về chỉ mục cuối cùng mà tại đó một phần tử nhất định có thể được tìm thấy trong mảng, hoặc -1 nếu nó không có. lastIndexOf() The lastIndexOf() method returns the last index at which a given element can be found in the array, or -1 if it is not present.