Phương thức mảng nào trả về một mảng trong javascript?

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

đầ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)

Ở đâ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)

đầu ra

const arr = Array.from("ABCDE")
console.log(arr)

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)

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)

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)

Ở đâ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)

đầu ra

const arr = Array.from("ABCDE")
console.log(arr)

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)

Ở đâ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)

đầu ra

[ 'A', 'B', 'C', 'D', 'E' ]

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

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

đầu ra

[ 'A', 'B', 'C', 'D', 'E' ]

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

Ở đâ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' ]

đầu ra

[ 'A', 'B', 'C', 'D', 'E' ]

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

Ở đâ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' ]

đầu ra

[ 'A', 'B', 'C', 'D', 'E' ]

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)

Ở đâ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)

đầu ra

const arr = Array.from("alice", char => char.toUpperCase())

console.log(arr)

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)

Ở đâ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)

đầu ra

const arr = Array.from("alice", char => char.toUpperCase())

console.log(arr)

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)

Ở đâ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)

đầu ra

const arr = Array.from("alice", char => char.toUpperCase())

console.log(arr)

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)

Ở đâ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' ]

đầu ra

[ 'A', 'L', 'I', 'C', 'E' ]

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

Ở đâ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' ]

đầu ra

[ 'A', 'L', 'I', 'C', 'E' ]

Đ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' ]

đầu ra

[ 'A', 'L', 'I', 'C', 'E' ]

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

Ở đâ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' ]

đầu ra

[ 'A', 'L', 'I', 'C', 'E' ]

Đoạn mã này tương ứng với vòng lặp này

Array.isArray(value)

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)

Ở đâ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)

đầu ra

[ 'A', 'B', 'C', 'D', 'E' ]

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)

Ở đâ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)

đầu ra

Array.isArray(value)

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)

Ở đâ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)

đầu ra

Array.isArray(value)

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)       // false

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)       // false

đầu ra

Array.isArray([1, 2, 3])       // true
Array.isArray("Hello")         // false
Array.isArray({test: "value"}) // false
Array.isArray(undefined)       // false

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)       // false

Ở đâ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)       // false

đầu ra

const arr = Array.from("alice", char => char.toUpperCase())

console.log(arr)

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)       // false

Ở đâ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)       // false

đầu ra

Array.isArray([1, 2, 3])       // true
Array.isArray("Hello")         // false
Array.isArray({test: "value"}) // false
Array.isArray(undefined)       // false

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)       // false

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)

đầu ra

Array.of(e1, e2, /* .. ,*/ eN)

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)

Ở đâ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)

đầu ra

Array.of(e1, e2, /* .. ,*/ eN)

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)

Ở đâ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)

đầu ra

Array.of(e1, e2, /* .. ,*/ eN)

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)

Ở đâ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)

đầu ra

const arr = Array.of(1, 2, 3)
console.log(arr)

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)

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)

đầu ra

const arr = Array.of(1, 2, 3)
console.log(arr)

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)

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)

đầu ra

const arr = Array.of(1, 2, 3)
console.log(arr)

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)

Ở đâ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)

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)

Ở đâ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 ]

đầu ra

[ 'A', 'B', 'C', 'D', 'E' ]

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 ]

Ở đâ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 ]

đầu ra

[ 1, 2, 3 ]

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 ]

Ở đâ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 ]

đầu ra

[ 1, 2, 3 ]

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 ]

Ở đâ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 ]

đầu ra

const arr = Array.from("ABCDE")
console.log(arr)

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)

Thí dụ

Ví dụ

const arr = Array.from("ABCDE")
console.log(arr)

Điều này dẫn đến một chuỗi

const arr = Array.from("ABCDE")
console.log(arr)

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)

Ở đâ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)

đầu ra

const arr = Array.from("ABCDE")
console.log(arr)

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)

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)

đầu ra

[ 'A', 'L', 'I', 'C', 'E' ]

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

Phương thức nào trả về mảng trong JS?

Phương thức mảng nào trả về một mảng mới?

Các phương thức của mảng trong JavaScript là gì?

Phương thức nào trả về một mảng chứa?