Phương thức mảng trong JavaScript: Mọi thứ bạn cần biết về phương thức mảng



Bài viết này sẽ cung cấp cho bạn thông tin chi tiết về các phương thức mảng khác nhau trong JavaScript với các ví dụ chương trình có liên quan.

Hiệu quả là rất quan trọng khi một người có kế hoạch viết mã một giải pháp. Đối tượng mảng trong bao gồm nhiều phương pháp khác nhau. Các phương pháp này được sử dụng trong mã để chạy hiệu quả. Bài viết này sẽ tập trung vào các phương thức mảng khác nhau trong JavaScript.

Các gợi ý sau sẽ được đề cập trong bài viết này:





Hãy để chúng tôi tiếp tục với chủ đề đầu tiên của bài viết này,

Phương thức mảng trong JavaScript

Phương pháp Concat

Phương thức concat () nối 2 hoặc nhiều mảng, rồi trả về bản sao của mảng đã nối.



var alphabet = ['r', 's', 't'] var num = [5, 6, 7] var AlphabetNum = alphabet.concat (num) document.write ('AlphabetNum:' + AlphabetNum)

Trong ví dụ đã cho, phương thức concat nối hai mảng bảng chữ cái và num và trả về một mảng được nối mới: AlphabetNum.

Đầu ra:

trực quan hóa dữ liệu trong hoạt cảnh là gì

Bảng chữ cáiNum: r, s, t, 5,6,7



Tiếp theo là Phương pháp CopyWithin,

Phương pháp CopyWithin

Phương thức copyWithin () có trong JavaScript được sử dụng để sao chép một phần của mảng vào cùng một mảng và sau đó trả về nó.

Cú pháp:

array.copyWithin (target, start, end)

Phương thức này bao gồm ba tham số:

  • Mục tiêu: Vị trí chỉ mục mà tại đó phần tử sẽ được sao chép. Bắt buộc phải xác định mục tiêu.
  • Bắt đầu: Vị trí chỉ mục để bắt đầu sao chép các phần tử từ đó. Nó là tùy chọn. Giá trị mặc định của start là 0.
  • End: Vị trí chỉ mục để kết thúc quá trình sao chép phần tử. Đây cũng là một tham số tùy chọn và giá trị mặc định là chiều dài .
var number = ['Một', 'Hai', 'Ba', 'Bốn', 'Năm', 'Sáu', 'Bảy'] document.write (number) document.write (' 
'+ number.copyWithin (3,0,4))

Đầu ra:

Một hai ba bốn năm sáu bảy

Một, Hai, Ba, Một, Hai, Ba, Bốn

Như được hiển thị trong ví dụ, các giá trị trong mảng được sao chép vào cùng một mảng. Chỉ số mục tiêu là: 3, chỉ số đầu là: 0 và chỉ số kết thúc là: 4.

Bit tiếp theo trong các phương thức Mảng này trong javascript là,

Mọi phương pháp

Phương thức này kiểm tra hoặc kiểm tra xem tất cả các phần tử có trong mảng có thỏa mãn một điều kiện xác định hay không. Cú pháp của phương thức như sau:

array.every (function [, This_arg])

Đối số cho hàm này là một hàm khác. Nó xác định điều kiện phải được kiểm tra. Nó có các đối số sau:

  • Array: Mảng mà trên đó hàm every () được gọi. Nó là một đối số tùy chọn.
  • Index: Chỉ mục của phần tử hiện tại. Điều này cũng là tùy chọn.
  • Phần tử: Phần tử hiện tại đang được xử lý bởi hàm. Bắt buộc phải sử dụng đối số này.

This_arg được sử dụng để cho biết hàm sử dụng điều này giá trị. Trong ví dụ sau, chúng ta kiểm tra xem mỗi phần tử trong mảng có dương hay không.

function positive (element, index, array) {return element> 0} function func () {var array = [11, 89, 23, 7, 98] // kiểm tra số dương var value = array.every (positive) document .write (value)} func ()

Cần phải lưu ý rằng hàm trả về giá trị theo đúng hoặc sai. Vì tất cả các phần tử hiện diện trong mảng đều dương nên kết quả đầu ra sẽ là:

thật

Tiếp theo là phương thức ToString.

Phương pháp chuỗi

Phương thức này chuyển đổi một số thành một chuỗi. Các số cũng có thể được chuyển đổi bằng cách chỉ định một giá trị cơ bản.

var number = 569 document.write ('Đầu ra:' + number.toString ())

Trong ví dụ đã cho, phương thức toString () được gọi mà không có bất kỳ tham số hoặc giá trị cơ sở nào.

Đầu ra:

java tạo một mảng các đối tượng

569

Bây giờ chúng ta hãy xem xét phương pháp tham gia,

Tham gia phương thức

Phương thức join () nối mọi phần tử có trong mảng. Ngoài ra, chúng ta có thể chỉ định dấu phân tách để tách các phần tử.

var a = new Array ('I', 'Love', 'Music') var string = a.join () document.write ('string:' + string) var string = a.join ('*') document. ghi (' 
string: '+ string) var string = a.join (' + ') document.write ('
string: '+ string)

Trong ví dụ được cung cấp, phương thức nối đầu tiên không chứa bất kỳ dấu phân tách nào, do đó dấu phân tách mặc định được sử dụng. Trong hai phương thức còn lại, “*“ và “+” là các toán tử được chỉ định.

Đầu ra:

string: I, Love, Music

string: I * Love * Music

string: I + Love + Music

Tiếp theo trong bài viết này về các phương thức mảng trên javascript là,

Phương pháp Pop và Đẩy

Phương thức pop () xóa phần tử khỏi phần cuối của một mảng, giống như một ngăn xếp. Mặt khác, phương thức push () thêm một phần tử vào cuối một mảng.

Các phương pháp thực hiện khái niệm LIFO (Last-In-First-Out).

['Rock', 'Metal', 'Blues', 'Jazz'] list.pop () ['Rock', 'Metal', 'Blues']

Mã loại bỏ phần tử cuối cùng trong mảng, tức là 'Jazz'.

Phương thức push () nối phần tử trở lại mảng.

['Rock', 'Metal', 'Blues'] list.push ('Jazz') ['Rock', 'Metal', 'Blues', 'Jazz']

Hãy để chúng tôi tiến xa hơn,

Phương pháp Shift và Không chuyển

Phương thức shift () xóa phần tử khỏi đầu mảng. Mặt khác, phương thức unshift () thêm phần tử trở lại đầu mảng.

['Rock', 'Metal', 'Blues', 'Jazz'] list.shift () ['Metal', 'Blues', 'Jazz']

Mã xóa phần tử đầu tiên, tức là Rock khỏi mảng.

Khi sử dụng phương thức unshift (), “Rock” sẽ được thêm trở lại mảng.

['Rock', 'Metal', 'Blues', 'Jazz'] list.unshift ('Rock') ['Rock', 'Metal', 'Blues', 'Jazz']

Chúng tôi đang ở phần cuối cùng của phương thức mảng này trong blog javascript,

Phương pháp mối nối

Phương thức splice () loại bỏ một phần cụ thể hoặc một phần chọn lọc của mảng. Nó chứng tỏ là một phương pháp tháo gỡ, thay thế hoặc thêm các phần tử vào mảng.

chuỗi có nghĩa là gì trong java
['Rock', 'Metal', 'Blues', 'Jazz'] list.splice (2, 1) // Bắt đầu từ vị trí chỉ mục 2, xóa một phần tử ['Rock', 'Metal', 'Jazz'] trong danh sách .splice (2,2) // Bắt đầu từ vị trí chỉ mục 2, xóa hai phần tử ['Rock', 'Metal']

Trong ví dụ trên, phương thức lát cắt bỏ các phần tử theo chỉ mục được chỉ định.

“Blues” bị xóa khỏi ví dụ đầu tiên vì nó được đặt ở chỉ số 2.

Trong ví dụ thứ hai, hai yếu tố tức là “Blues” và “Jazz” bị loại bỏ, vì chỉ mục chỉ định rằng 2 yếu tố phải được loại bỏ, bắt đầu từ chỉ mục 2.

Cần lưu ý rằng các mảng không được lập chỉ mục trong JavaScript.

Phương pháp Slice

Phương thức slice () cắt một phần tử từ mảng ban đầu và trả về một mảng mới chứa phần tử đó. Cần lưu ý rằng phương thức slice () không loại bỏ bất kỳ phần tử nào khỏi mảng ban đầu.

var array = ['Rock', 'Pop', 'Jazz', 'Blues', 'Metal'] document.write ('array.slice (1, 2):' + array.slice (1, 2)) document .write (' 
array.slice (1, 3): '+ array.slice (1, 3))

Đầu ra của đoạn mã sau như sau:

array.slice (1, 2): Pop

array.slice (1, 3): Pop, Jazz

Phương thức cuối cùng trong phương thức mảng này trong javascript là,

ForEach Method

Phương thức này gọi hàm cho mỗi phần tử có trong mảng.

function funct () {// Mảng ban đầu const items = [2, 18, 28] const copy = [] items.forEach (function (item) {copy.push (item * item)}) document.write (copy)} funct ()

Trong ví dụ này, chúng tôi tính bình phương của mọi phần tử có trong mảng.

Kết quả như sau:

4,324,784

Với điều này, chúng ta đã đến phần cuối của blog này về ‘Phương pháp mảng trong JavaScript’. Tôi hy vọng bạn tìm thấy thông tin này và hữu ích, hãy theo dõi để biết thêm các hướng dẫn về các chủ đề tương tự. Bạn cũng có thể xem chương trình đào tạo của chúng tôi to có được kiến ​​thức chuyên sâu về jQuery cùng với các ứng dụng khác nhau của nó, bạn có thể để được đào tạo trực tuyến trực tiếp với hỗ trợ 24/7 và quyền truy cập trọn đời.

Có một câu hỏi cho chúng tôi? Đề cập đến họ trong phần bình luận của blog này và chúng tôi sẽ liên hệ lại với bạn.