Bạn có thể sử dụng các phương pháp này để thực hiện các tác vụ phổ biến nhất mà không mất thời gian phát minh lại bánh xe
Trong bài viết này, bạn sẽ tìm thấy tất cả các phương thức mảng trong JavaScript
Mỗi phần nhanh chóng đi qua lý thuyết cơ bản của phương pháp. Bạn cũng sẽ học cú pháp cơ bản của từng phương thức. Cuối cùng nhưng không kém phần quan trọng, mỗi phần bao gồm ít nhất một ví dụ hữu ích để hỗ trợ sự hiểu biết
Trong JavaScript, bạn có thể có hai loại phương thức
- phương pháp tĩnh. Chúng được gọi trên chính lớp đó
- Phương thức sơ thẩm. Chúng được gọi trên thể hiện của lớp
Tổng cộng có 3 phương thức mảng tĩnh và 32 phương thức mảng mẫu
Trong hướng dẫn này, bạn sẽ học cách sử dụng từng phương pháp này
Lưu ý rằng không phải tất cả các phương pháp đều hữu ích như nhau. Bạn không cần phải thuộc lòng từng phương pháp
Tuy nhiên, tôi khuyên bạn nên đọc qua từng phương pháp. Bạn luôn có thể tìm thấy điều gì đó mới hoặc nhớ điều gì đó mà bạn đã quên
Dù sao đi nữa, hãy nhảy ngay vào các phương thức mảng. Chúng tôi có một danh sách thực sự dài để trang trải
Phương thức tĩnh
Trong ngữ cảnh của mảng, phương thức tĩnh có nghĩa là phương thức không bị ràng buộc với một thể hiện cụ thể của mảng. Nói cách khác, bạn không cần một đối tượng mảng để gọi một phương thức tĩnh
Mảng. từ[]
Mảng. phương thức from[] tạo một mảng từ một đối tượng giống như mảng
cú pháp
Đây là cú pháp cơ bản của Array. phương thức from[]
Array.from[arrayLike, mapFn]
Ở đâu
- arrayLike là một đối tượng giống như mảng sẽ được chuyển đổi thành một mảng
- mapFn là một đối số tùy chọn. Là thao tác thực hiện trên từng phần tử trước khi chuyển sang mảng
Hãy xem một vài ví dụ
Thí dụ
Chẳng hạn, hãy chuyển đổi một chuỗi thành một mảng
const arr = Array.from["ABCDE"] console.log[arr]
đầu ra
[ 'A', 'B', 'C', 'D', 'E' ]
Một ví dụ khác, hãy chuyển đổi một chuỗi chữ thường thành một mảng các chữ cái viết hoa
Để thực hiện việc này, hãy chuyển đổi từng ký tự thành chữ hoa và sau đó chuyển đổi chuỗi thành một mảng ký tự
Điều này có thể thực hiện được bằng cách chỉ định mapFn làm đối số thứ hai
Đây là giao diện của nó trong mã
const arr = Array.from["alice", char => char.toUpperCase[]] console.log[arr]
đầu ra
[ 'A', 'L', 'I', 'C', 'E' ]
Mảng. isArray[]
Mảng. Phương thức isArray[] kiểm tra xem một đối tượng có phải là một mảng hay không
cú pháp
Array.isArray[value]
Ở đâu
- giá trị là đối tượng bạn muốn kiểm tra
Thí dụ
Dưới đây là một số ví dụ về kiểm tra các loại phần tử khác nhau
Array.isArray[[1, 2, 3]] // true Array.isArray["Hello"] // false Array.isArray[{test: "value"}] // false Array.isArray[undefined] // false
Như bạn có thể thấy, chỉ có dòng đầu tiên đánh giá đúng vì đối số là một mảng
Mảng. của[]
cú pháp
Array.of[e1, e2, /* .. ,*/ eN]
Ở đâu
- e1, e2, …, eN là các phần tử được chèn vào mảng. Có thể có nhiều đối số như bạn muốn
Thí dụ
Chẳng hạn, hãy tạo một mảng từ ba số nguyên
________số 8đầu ra
[ 1, 2, 3 ]
Bây giờ bạn đã biết cách ba phương thức mảng tĩnh hoạt động trên JavaScript
Tiếp theo, hãy xem qua danh sách các phương thức cá thể. Đây là các phương thức mảng mà bạn có thể gọi trên các đối tượng mảng cụ thể
Phương thức sơ thẩm
Một phương thức thể hiện là một phương thức được gọi trên một đối tượng mảng cụ thể Một phương thức thể hiện sử dụng thông tin thể hiện để thực hiện một tác vụ, chẳng hạn như để sắp xếp mảng
Mảng. tại[]
Phương thức at[] lấy một số nguyên và trả về mục tại chỉ mục đó
Nó hoạt động giống như toán tử truy cập dấu ngoặc vuông [e. g. myArr[0] = myArr. tại[0]]
Bạn có thể sử dụng cả chỉ số tích cực và tiêu cực để gọi phương thức at[]. [Lập chỉ mục âm có nghĩa là đếm ngược từ phần tử cuối cùng của mảng]
cú pháp
const arr = Array.from["ABCDE"] console.log[arr]0
Ở đâu
- chỉ mục là một số nguyên đại diện cho chỉ mục mà bạn muốn truy xuất một phần tử
Phương thức trả về phần tử
Thí dụ
Ví dụ
const arr = Array.from["ABCDE"] console.log[arr]1
đầu ra
const arr = Array.from["ABCDE"] console.log[arr]2
Phương thức at[] thực sự hữu ích khi bạn muốn truy cập các phần tử sau của một mảng
Thay vì truy cập chúng như thế này
const arr = Array.from["ABCDE"] console.log[arr]3
Bạn có thể sử dụng phương thức at[] để làm cho biểu thức trông đẹp hơn
const arr = Array.from["ABCDE"] console.log[arr]4
Mảng. concat[]
Trong JavaScript, bạn có thể gọi phương thức concat[] trên một mảng để hợp nhất một hoặc nhiều mảng vào đó
cú pháp
const arr = Array.from["ABCDE"] console.log[arr]5
Ở đâu
- a1, a2, … , aN là số mảng tùy ý. Các mảng này được nối với myArray
Phương pháp này không sửa đổi mảng ban đầu. Thay vào đó, nó tạo ra một mảng mới
Thí dụ
Chẳng hạn, hãy hợp nhất một mảng với một mảng khác
const arr = Array.from["ABCDE"] console.log[arr]6
đầu ra
const arr = Array.from["ABCDE"] console.log[arr]7
Mảng. copyWithin[]
Phương thức copyWithin[] hoạt động sao cho nó
- Sao chép một phần của mảng
- Đặt phần vào một vị trí khác trong cùng một mảng
- Trả về mảng mà không thay đổi độ dài của nó
Nói một cách dễ hiểu, bạn có thể sử dụng phương thức copyWithin[] để thực hiện các hành động chẳng hạn như “Sao chép phần tử ở chỉ mục 3 sang chỉ mục 0. ”
cú pháp
Đây là cú pháp của phương thức copyWithin[]
const arr = Array.from["ABCDE"] console.log[arr]8
Ở đâu
- target là chỉ mục đích mà tại đó các phần tử được sao chép sẽ được đặt
- start là chỉ mục bắt đầu tùy chọn để bắt đầu sao chép các phần tử
- end là chỉ mục kết thúc tùy chọn để dừng sao chép các phần tử. Nếu bạn bỏ qua tham số này, quá trình sao chép sẽ tiếp tục từ đầu đến cuối mảng
Thí dụ
Chẳng hạn, hãy sao chép ba ký tự cuối cùng trong một mảng vào đầu mảng
const arr = Array.from["ABCDE"] console.log[arr]9
đầu ra
[ 'A', 'B', 'C', 'D', 'E' ]0
Mảng. mục[]
Phương thức entry[] trả về một trình vòng lặp bao gồm các cặp khóa-giá trị cho các phần tử mảng
Nếu bạn không quen với iterator trong JavaScript, bạn sẽ không hiểu phương pháp này. Tại đây bạn có thể tìm thêm thông tin về một iterator
cú pháp
[ 'A', 'B', 'C', 'D', 'E' ]1
Phương pháp này không có đối số
Nó trả về một đối tượng iterator
Thí dụ
Chẳng hạn, hãy lấy iterator của một mảng và sử dụng nó để đưa ra thông tin khóa-giá trị về từng phần tử trong mảng
[ 'A', 'B', 'C', 'D', 'E' ]2
đầu ra
[ 'A', 'B', 'C', 'D', 'E' ]3
Mảng. mọi[]
Trong JavaScript, bạn có thể sử dụng phương thức every[] của mảng để kiểm tra xem mỗi phần tử trong mảng có thỏa mãn một điều kiện hay không
cú pháp
[ 'A', 'B', 'C', 'D', 'E' ]4
Ở đâu
- tiêu chí là một hàm trả về giá trị boolean. Hàm này được gọi trên từng phần tử trong mảng. Nếu mỗi lời gọi hàm trả về true, phương thức trả về true vì tất cả các phần tử đều thỏa mãn điều kiện
Phương thức every[] trả về true nếu tất cả các giá trị trong mảng thỏa mãn điều kiện. Nếu không, nó trả về false
Thí dụ
Chẳng hạn, hãy kiểm tra xem các số trong một mảng có phải là số âm không
[ 'A', 'B', 'C', 'D', 'E' ]5
đầu ra
[ 'A', 'B', 'C', 'D', 'E' ]6
Mảng. lấp đầy[]
Phương thức fill[] thay thế các phần tử mảng bằng các giá trị tĩnh bắt đầu từ một chỉ mục cụ thể
cú pháp
[ 'A', 'B', 'C', 'D', 'E' ]7
Ở đâu
- giá trị là giá trị mà mảng sẽ được điền vào
- bắt đầu là một tham số tùy chọn. Nó chỉ định chỉ mục mà tại đó quá trình điền sẽ bắt đầu. Đây là 0 theo mặc định
- kết thúc cũng là một tham số tùy chọn. Nó chỉ định chỉ mục nào sẽ dừng điền. Theo mặc định, việc điền tiếp tục cho đến hết mảng
Phương pháp này không sửa đổi mảng ban đầu. Thay vào đó, nó tạo một mảng mới với các giá trị đã điền và trả về
Hãy xem một ví dụ
Thí dụ
Chẳng hạn, hãy tạo một mảng đầy trong đó hai phần tử đầu tiên đến từ mảng ban đầu nhưng ba phần tử cuối cùng được điền bằng 0
Đây là giao diện của nó trong mã
[ 'A', 'B', 'C', 'D', 'E' ]8
đầu ra
[ 'A', 'B', 'C', 'D', 'E' ]9
Mảng. lọc[]
Bạn có thể sử dụng phương thức filter[] để lọc ra các giá trị không đáp ứng tiêu chí
Phương thức này trả về một mảng mới thay vì sửa đổi mảng ban đầu
Phương thức filter[] là một trong những phương thức mảng được sử dụng phổ biến nhất, vì vậy hãy đảm bảo rằng bạn hiểu cách thức hoạt động của nó
cú pháp
Cú pháp cơ bản để gọi phương thức filter[] như sau
const arr = Array.from["alice", char => char.toUpperCase[]] console.log[arr]0
Ở đâu
- tiêu chí là một hàm được áp dụng cho từng phần tử trong mảng. Chỉ những phần tử mà hàm trả về true mới kết thúc trong mảng kết quả
Lưu ý rằng phương pháp này không sửa đổi mảng ban đầu. Thay vào đó, nó trả về một cái mới
Thí dụ
Chẳng hạn, hãy lọc các số chẵn trong một mảng có cả số chẵn và số lẻ
const arr = Array.from["alice", char => char.toUpperCase[]] console.log[arr]1
đầu ra
const arr = Array.from["alice", char => char.toUpperCase[]] console.log[arr]2
Mảng. tìm thấy[]
Phương thức find[] trả về phần tử mảng đầu tiên thỏa mãn một điều kiện
Phương thức này trả về phần tử thỏa mãn điều kiện. Nếu không có phần tử nào, nó trả về không xác định
cú pháp
const arr = Array.from["alice", char => char.toUpperCase[]] console.log[arr]3
Ở đâu
- điều kiện là một chức năng. Nó nhận một phần tử mảng làm đối số và trả về một giá trị boolean
Phương thức find[] thực thi hàm điều kiện trên từng phần tử trong mảng. Phần tử đầu tiên mà hàm trả về true được trả về
Thí dụ
Chẳng hạn, hãy tìm số đầu tiên lớn hơn 100 trong một dãy số
const arr = Array.from["alice", char => char.toUpperCase[]] console.log[arr]4
đầu ra
const arr = Array.from["alice", char => char.toUpperCase[]] console.log[arr]5
Lưu ý cách phương thức này chỉ trả về một phần tử. Nó không trả về tất cả các số lớn hơn 100
Mảng. tìm Index[]
Phương thức findIndex[] có liên quan chặt chẽ với phương thức find[] của chương trước
Phương thức findIndex[] trả về chỉ mục đầu tiên của phần tử đáp ứng tiêu chí
Nếu không có số nào thỏa mãn tiêu chí, phương thức trả về -1
cú pháp
const arr = Array.from["alice", char => char.toUpperCase[]] console.log[arr]6
Ở đâu
- điều kiện là một chức năng. Nó nhận một phần tử mảng làm đối số và trả về một giá trị boolean
Thí dụ
Ví dụ: hãy tìm chỉ mục mà tại đó một số lớn hơn 100 trong một mảng số
const arr = Array.from["alice", char => char.toUpperCase[]] console.log[arr]7
đầu ra
const arr = Array.from["alice", char => char.toUpperCase[]] console.log[arr]8
Mảng. bằng phẳng[]
Trong JavaScript, bạn có thể làm phẳng một mảng lồng nhau bằng phương thức flat[]
Điều này không sửa đổi mảng ban đầu. Thay vào đó, nó trả về một mảng phẳng mới
cú pháp
const arr = Array.from["alice", char => char.toUpperCase[]] console.log[arr]9
Ở đâu
- độ sâu là một đối số tùy chọn. Trong một mảng nhiều chiều, tham số độ sâu chỉ định độ sâu để làm phẳng mảng. Theo mặc định, độ sâu là 1
Thí dụ
Chẳng hạn, hãy tạo phiên bản 1D của một mảng các mảng [mảng 2D]
[ 'A', 'L', 'I', 'C', 'E' ]0
đầu ra
[ 'A', 'L', 'I', 'C', 'E' ]1
Mảng. Bản đồ phẳng[]
Phương thức flatMap[] tương đương ngắn gọn với chuỗi gọi phương thức map[] và phương thức flat[]
Phương thức flatMap[] trước tiên ánh xạ từng phần tử trong một mảng lồng nhau. Sau đó, nó làm phẳng mảng lồng nhau
Phương pháp này không sửa đổi mảng ban đầu. Thay vào đó, nó trả về một cái mới
cú pháp
[ 'A', 'L', 'I', 'C', 'E' ]2
Ở đâu
- mapFn là một hàm ánh xạ. Hàm này được gọi cho từng phần tử trong mảng lồng nhau để chuyển đổi các giá trị
Thí dụ
Chẳng hạn, cho một mảng các mảng số, hãy bình phương mỗi số và sau đó làm phẳng mảng theo một chiều
Đây là giao diện của nó trong mã
[ 'A', 'L', 'I', 'C', 'E' ]3
đầu ra
[ 'A', 'L', 'I', 'C', 'E' ]4
Đoạn mã này hoạt động sao cho nó
- Lấy từng mảng số
- Bình phương mỗi số
- Làm phẳng các mảng bình phương
Nếu không có FlatMap[], bạn sẽ phải xâu chuỗi các hoạt động lại với nhau như thế này
[ 'A', 'L', 'I', 'C', 'E' ]5
đầu ra
[ 'A', 'L', 'I', 'C', 'E' ]4
Mảng. cho mỗi[]
Trong JavaScript, bạn có thể sử dụng phương thức forEach[] để lặp qua một mảng theo cách ngắn gọn hơn
Để tìm thêm thông tin về phương thức forEach[], hãy đọc hướng dẫn đầy đủ này
Phương thức forEach[] thực hiện một hành động cho từng phần tử trong mảng
Phương pháp này không trả về bất cứ điều gì. Nó chỉ được sử dụng để gọi hành động cho từng phần tử
cú pháp
[ 'A', 'L', 'I', 'C', 'E' ]7
Ở đâu
- hoạt động là một chức năng được gọi cho mỗi phần tử trong mảng
Thí dụ
Ví dụ
[ 'A', 'L', 'I', 'C', 'E' ]8
đầu ra
[ 'A', 'L', 'I', 'C', 'E' ]9
Đoạn mã này tương ứng với vòng lặp này
Array.isArray[value]0
Như bạn có thể thấy, phương thức forEach[] sạch hơn và ngắn hơn nhiều
Mảng. bao gồm[]
Bạn có thể sử dụng phương thức include[] để kiểm tra xem một mảng có chứa một giá trị cụ thể hay không
Phương thức này trả về true nếu có kết quả khớp. Nếu không, nó trả về false
cú pháp
Array.isArray[value]1
Ở đâu
- searchElement là giá trị mà bạn đang tìm kiếm trong mảng
- fromIndex là một tham số tùy chọn. Nó chỉ định chỉ mục nào sẽ bắt đầu tìm kiếm phần tử tìm kiếm
Thí dụ
Chẳng hạn, hãy xem liệu một mảng các chuỗi bao gồm một chuỗi “Alice”
Array.isArray[value]2
đầu ra
[ 'A', 'B', 'C', 'D', 'E' ]6
Mảng. Chỉ số[]
Bạn có thể sử dụng phương thức include[] để kiểm tra xem một mảng có chứa một giá trị cụ thể hay không
Cụ thể hơn, phương thức này trả về chỉ mục mà phần tử xuất hiện. Nếu không tìm thấy phần tử trong mảng, -1 được trả về
cú pháp
Array.isArray[value]4
Ở đâu
- searchElement là giá trị mà bạn đang tìm kiếm trong mảng
- fromIndex là một tham số tùy chọn. Nó chỉ định chỉ mục nào sẽ bắt đầu tìm kiếm phần tử tìm kiếm
Thí dụ
Chẳng hạn, hãy kiểm tra chỉ số “Alice” xuất hiện trong một mảng chuỗi [nếu có]
Array.isArray[value]5
đầu ra
Array.isArray[value]6
Mảng. tham gia[]
Bạn có thể sử dụng phương thức join[] để nối các phần tử của mảng thành một chuỗi
cú pháp
Array.isArray[value]7
Ở đâu
- dấu phân cách là một chuỗi được chèn vào giữa mỗi phần tử được nối. Đây có thể là một khoảng trống hoặc dấu gạch ngang chẳng hạn. Đây là một tham số tùy chọn. Nếu bạn bỏ nó, dấu phẩy sẽ được sử dụng làm dấu phân cách mặc định
Thí dụ
Chẳng hạn, hãy tham gia một mảng các ký tự theo nhiều cách
Array.isArray[value]8
đầu ra
Array.isArray[value]9
Mảng. phím[]
Phương thức keys[] trả về một trình vòng lặp bao gồm các khóa của các phần tử mảng
cú pháp
Array.isArray[[1, 2, 3]] // true Array.isArray["Hello"] // false Array.isArray[{test: "value"}] // false Array.isArray[undefined] // false0
Phương thức này không có đối số. Nó trả về một đối tượng lặp bao gồm các khóa của mảng
Thí dụ
Ví dụ
Array.isArray[[1, 2, 3]] // true Array.isArray["Hello"] // false Array.isArray[{test: "value"}] // false Array.isArray[undefined] // false1
đầu ra
Array.isArray[[1, 2, 3]] // true Array.isArray["Hello"] // false Array.isArray[{test: "value"}] // false Array.isArray[undefined] // false2
Mảng. lastIndexOf[]
Phương thức lastIndexOf[] kiểm tra xem một phần tử có xuất hiện trong một mảng hay không và trả về chỉ mục của phần tử cuối cùng đó
Điều này tương tự như phương thức indexOf[] trước đó
cú pháp
Đây là cú pháp của phương thức lastIndexOf[]
Array.isArray[[1, 2, 3]] // true Array.isArray["Hello"] // false Array.isArray[{test: "value"}] // false Array.isArray[undefined] // false3
Ở đâu
- searchElement là giá trị mà bạn đang tìm kiếm trong mảng
- fromIndex là một tham số tùy chọn. Nó chỉ định chỉ mục nào sẽ bắt đầu tìm kiếm phần tử tìm kiếm
Thí dụ
Chẳng hạn, với một dãy số, hãy tìm chỉ số cuối cùng mà tại đó một số bằng 3
Array.isArray[[1, 2, 3]] // true Array.isArray["Hello"] // false Array.isArray[{test: "value"}] // false Array.isArray[undefined] // false4
đầu ra
const arr = Array.from["alice", char => char.toUpperCase[]] console.log[arr]8
Mảng. bản đồ[]
Phương thức map[] cho phép bạn chuyển đổi một mảng thành một mảng khác bằng cách gọi một hàm trên mỗi phần tử
Phương pháp này được sử dụng rất phổ biến trong JavaScript, vì vậy hãy chắc chắn rằng bạn hiểu nó
Đây là hướng dẫn đầy đủ để sử dụng phương thức map[]
cú pháp
Array.isArray[[1, 2, 3]] // true Array.isArray["Hello"] // false Array.isArray[{test: "value"}] // false Array.isArray[undefined] // false6
Ở đâu
- biến đổi là một hàm được gọi trên mỗi phần tử trong mảng. Kết quả của hàm này là một phần tử mới được thêm vào mảng kết quả
Thí dụ
Chẳng hạn, hãy bình phương một dãy số
Array.isArray[[1, 2, 3]] // true Array.isArray["Hello"] // false Array.isArray[{test: "value"}] // false Array.isArray[undefined] // false7
đầu ra
Array.isArray[[1, 2, 3]] // true Array.isArray["Hello"] // false Array.isArray[{test: "value"}] // false Array.isArray[undefined] // false8
Mảng. nhạc pop[]
Bạn có thể xóa phần tử cuối cùng trong một mảng trong JavaScript bằng cách sử dụng phương thức pop[]
Phương thức này loại bỏ phần tử cuối cùng của mảng và trả về phần tử
Lưu ý rằng phương thức này không trả về một mảng mới. Thay vào đó, nó thay đổi cái ban đầu
cú pháp
Đây là cú pháp của phương thức pop[]
Array.isArray[[1, 2, 3]] // true Array.isArray["Hello"] // false Array.isArray[{test: "value"}] // false Array.isArray[undefined] // false9
Phương thức này không có đối số
Thí dụ
Chẳng hạn, cho một dãy số, hãy xóa số cuối cùng và hiển thị nó
Array.of[e1, e2, /* .. ,*/ eN]0
đầu ra
Array.of[e1, e2, /* .. ,*/ eN]1
Như bạn có thể thấy, phương thức pop[] đã trả về phần tử cuối cùng
Điều này có thể hữu ích nếu bạn cần thực hiện một hành động trên phần tử đã xóa
Mảng. đẩy[]
Để thêm phần tử vào mảng trong JavaScript, hãy sử dụng phương thức push[]. Nó thêm phần tử vào mảng ban đầu và do đó không trả về phần tử mới
Phương thức này trả về độ dài mới của mảng đã sửa đổi
cú pháp
Array.of[e1, e2, /* .. ,*/ eN]2
Ở đâu
- e1, e2, …, e3 là số lượng phần tử tùy ý được đẩy vào một mảng
Thí dụ
Chẳng hạn, hãy thêm một số mới vào một dãy số
Array.of[e1, e2, /* .. ,*/ eN]3
đầu ra
Array.of[e1, e2, /* .. ,*/ eN]4
Mảng. giảm[]
Phương thức reduce[] gấp một mảng thành một giá trị
Nó thực thi chức năng "giảm tốc" trên mỗi phần tử, chuyển giá trị trả về cho phần tử tiếp theo
Phương thức reduce[] tích lũy một kết quả trên mảng. Khi không còn phần tử nào, nó trả về kết quả cộng dồn
Một ví dụ tuyệt vời về việc sử dụng phương thức reduce[] là tính tổng của một mảng
Nhân tiện, phương thức reduce[] là một khái niệm nâng cao hơn một chút và bạn nên dành chút thời gian để hiểu việc học nó
Dưới đây là hướng dẫn toàn diện về cách sử dụng phương thức reduce[] trong JavaScript
cú pháp
Array.of[e1, e2, /* .. ,*/ eN]5
Ở đâu
- hoạt động là hàm giảm tốc tích lũy kết quả. Hàm này sẽ nhận hai đối số
- Một giá trị ban đầu [được sử dụng như một phần kết quả]
- Một phần tử mảng
Thí dụ
Chẳng hạn, hãy tính tổng của một dãy số
Array.of[e1, e2, /* .. ,*/ eN]6
đầu ra
Array.of[e1, e2, /* .. ,*/ eN]7
Mảng. giảmRight[]
Trong chương trước, bạn đã biết phương thức reduce[] làm gì. Trước khi đọc chương này, hãy đảm bảo hiểu rõ về reduce[]
Phương thức reduceRight[] thực hiện reduce[] từ phải sang trái
cú pháp
Array.of[e1, e2, /* .. ,*/ eN]8
Ở đâu
- hoạt động là hàm giảm tốc tích lũy kết quả. Hàm này sẽ nhận hai đối số
- Một giá trị ban đầu [được sử dụng như một phần kết quả]
- Một phần tử mảng
Thí dụ
Trong chương trước, bạn đã xem một ví dụ về cách tính tổng một mảng số bằng phương thức reduce[]
Bây giờ chúng ta có thể xem một ví dụ về cách thực hiện tương tự với reduceRight[]. Tuy nhiên, điều này thật nhàm chán vì nó tạo ra kết quả giống như phương thức reduce[]
Thay vào đó, hãy xem một ví dụ minh họa hơn
Trong ví dụ này, chúng tôi làm phẳng một mảng lồng nhau. Tuy nhiên, chúng tôi bắt đầu từ bên phải, nghĩa là chúng tôi thêm các phần tử mảng cuối cùng làm phần tử đầu tiên, v.v.
Đây là giao diện của nó trong mã
Array.of[e1, e2, /* .. ,*/ eN]9
đầu ra
const arr = Array.of[1, 2, 3] console.log[arr]0
Thay vào đó, nếu bạn sử dụng phương thức reduce[] cho tác vụ này, bạn sẽ nhận được các số theo thứ tự tăng dần
Mảng. đảo ngược[]
Trong JavaScript, bạn có thể sử dụng phương thức reverse[] để đảo ngược thứ tự của một mảng
Phương thức này sửa đổi trực tiếp mảng ban đầu
cú pháp
const arr = Array.of[1, 2, 3] console.log[arr]1
Thí dụ
Chẳng hạn, hãy đảo ngược một dãy số
const arr = Array.of[1, 2, 3] console.log[arr]2
đầu ra
const arr = Array.of[1, 2, 3] console.log[arr]3
Mảng. sự thay đổi[]
Để xóa phần tử đầu tiên của mảng trong JavaScript, hãy sử dụng phương thức shift[]
Điều này loại bỏ trực tiếp phần tử đầu tiên khỏi mảng. Sau đó, nó trả về phần tử đã xóa
cú pháp
const arr = Array.of[1, 2, 3] console.log[arr]4
Thí dụ
Chẳng hạn, hãy xóa số đầu tiên trong một dãy số
const arr = Array.of[1, 2, 3] console.log[arr]5
đầu ra
const arr = Array.of[1, 2, 3] console.log[arr]6
Như bạn có thể thấy, phương thức này trả về phần tử đã bị xóa. Bạn có thể lưu trữ để sử dụng sau nếu cần thiết
Mảng. lát cắt[]
Phương thức slice[] trả về một bản sao [nông] của một phần của mảng. Giá trị trả về là một mảng mới với các phần tử được sao chép
Phương pháp này không sửa đổi mảng ban đầu
cú pháp
const arr = Array.of[1, 2, 3] console.log[arr]7
Ở đâu
- bắt đầu là một đối số tùy chọn. Nó là chỉ số bắt đầu của lát cắt
- kết thúc là một đối số tùy chọn. Nó là chỉ số kết thúc của lát cắt
Thí dụ
Chẳng hạn, hãy cắt một mảng ký tự theo nhiều cách
const arr = Array.of[1, 2, 3] console.log[arr]8
Mảng. một số[]
Phương thức some[] có thể được sử dụng để kiểm tra xem một mảng có ít nhất một phần tử vượt qua bài kiểm tra hay không
Phương thức này trả về true nếu có ít nhất một phần tử khớp với tiêu chí. Nếu không có, false được trả về
cú pháp
Đây là cú pháp cơ bản của phương thức some[]
const arr = Array.of[1, 2, 3] console.log[arr]9
Ở đâu
- điều kiện là một chức năng tiêu chí. Hàm này được gọi lần lượt cho từng phần tử trong mảng cho đến khi nó trả về true
Nếu không có mục nào phù hợp với tiêu chí, phương thức trả về false
Thí dụ
Chẳng hạn, hãy xem liệu có ít nhất một số trong một mảng nhỏ hơn 0 không
[ 1, 2, 3 ]0
đầu ra
[ 'A', 'B', 'C', 'D', 'E' ]6
Mảng. loại[]
Phương thức sort[] sắp xếp trực tiếp mảng ban đầu
Theo mặc định, nó sắp xếp các phần tử theo thứ tự tăng dần
Để thay đổi thứ tự sắp xếp mặc định, bạn có thể truyền cho phương thức sort[] một hàm sắp xếp làm đối số
cú pháp
[ 1, 2, 3 ]2
Ở đâu
- so sánh là một chức năng. Điều này chỉ định thứ tự sắp xếp. Hàm này so sánh hai phần tử. Dựa trên phép so sánh, phương thức sort[] đặt phần tử vào đúng vị trí của chúng trong mảng
Thí dụ
Chẳng hạn, cho một dãy số, trước tiên hãy sắp xếp chúng theo thứ tự tăng dần và sau đó theo thứ tự giảm dần
[ 1, 2, 3 ]3
đầu ra
[ 1, 2, 3 ]4
Mảng. nối[]
Phương thức splice[] thay đổi nội dung của một mảng. Nó thực hiện điều này bằng cách loại bỏ các phần tử hiện có và thêm các phần tử mới vào mảng
Phương pháp này sửa đổi mảng trực tiếp
cú pháp
[ 1, 2, 3 ]5
Ở đâu
- start là chỉ mục bắt đầu để bắt đầu thay đổi nội dung của mảng
- deleteCount là một đối số tùy chọn. Nó chỉ định số lượng phần tử cần loại bỏ khỏi mảng bắt đầu từ đầu
- item1, item2, …, itemN là các đối số tùy chọn. Đây có thể là bất kỳ số lượng phần tử mới nào để thêm vào một mảng
Nếu bạn không chỉ định các phần tử cần thêm, splice[] chỉ xóa các phần tử khỏi mảng
Thí dụ
Dưới đây là một số ví dụ với nhận xét mã hữu ích
[ 1, 2, 3 ]6
đầu ra
[ 1, 2, 3 ]7
Mảng. toLocaleString[]
Phương thức toLocaleStrin[] trả về một chuỗi đại diện cho nội dung của một mảng
Chẳng hạn, nếu một mảng bao gồm một ngày, phương thức này sẽ chuyển đổi nó thành một chuỗi ở định dạng cục bộ chính xác
cú pháp
[ 1, 2, 3 ]8
Ở đâu
- ngôn ngữ là một tham số tùy chọn. Đây có thể là một chuỗi có mã ngôn ngữ BCP 47 hoặc một mảng trong số đó
- tùy chọn là một tham số tùy chọn. Đây là một đối tượng có thuộc tính cấu hình
- Đối với các con số, vui lòng đảm bảo kiểm tra bài viết này
- Để biết ngày, vui lòng xem bài viết này
Thí dụ
Chẳng hạn, được cung cấp một mảng giá trị, hãy tạo một chuỗi ngôn ngữ
[ 1, 2, 3 ]9
đầu ra
const arr = Array.from["ABCDE"] console.log[arr]00
Mảng. toString[]
Phương thức toString[] chuyển đổi một mảng thành một chuỗi
Phương thức này trả về một chuỗi với mảng các phần tử được phân tách bằng dấu phẩy
cú pháp
const arr = Array.from["ABCDE"] console.log[arr]01
Thí dụ
Ví dụ
const arr = Array.from["ABCDE"] console.log[arr]02
Điều này dẫn đến một chuỗi
const arr = Array.from["ABCDE"] console.log[arr]03
Mảng. bỏ dịch []
Để thêm một hoặc nhiều phần tử vào đầu mảng trong JavaScript, hãy sử dụng phương thức unshift[]
Phương pháp này sửa đổi mảng ban đầu
Phương thức unshift[] trả về độ dài mới của mảng
cú pháp
const arr = Array.from["ABCDE"] console.log[arr]04
Ở đâu
- e1, e2, … , eN là số phần tử bất kỳ được thêm vào mảng
Thí dụ
Chẳng hạn, hãy thêm một số làm phần tử đầu tiên vào một mảng số
const arr = Array.from["ABCDE"] console.log[arr]05
đầu ra
const arr = Array.from["ABCDE"] console.log[arr]06
Mảng. giá trị[]
Mảng. các giá trị [] trả về các giá trị của một mảng dưới dạng một trình vòng lặp
Về cơ bản, một phần tử mảng thực sự là một cặp khóa-giá trị
Như bạn đã biết trước đó, có một phương thức gọi là keys[] trả về một trình vòng lặp của các khóa mảng
Phương thức values[] là phương thức tương ứng với phương thức keys[]
cú pháp
const arr = Array.from["ABCDE"] console.log[arr]07
Thí dụ
Chẳng hạn, hãy lấy các giá trị lặp của một mảng số
const arr = Array.from["ABCDE"] console.log[arr]08
đầu ra
[ 'A', 'L', 'I', 'C', 'E' ]9
Mảng [Ký hiệu. trình lặp][]
Theo mặc định, [Biểu tượng. iterator][] trả về giống như phương thức values[]. Nghĩa là, nó trả về các giá trị của một mảng dưới dạng một đối tượng lặp