Cách nối thêm giá trị vào mảng trong javascript là gì?

Nối thêm có nghĩa là thêm một phần tử vào cuối mảng và trước khi làm điều đó, chúng ta cần hiểu rõ về một mảng trong javaScript. Mảng là gì? . Điều này có nghĩa là (các) mảng JavaScript có thể chứa các loại dữ liệu khác nhau như giá trị số, chuỗi, boolean và đối tượng cùng một lúc. Không giống như trong Java, xin lỗi Bạn không thể làm điều đó. Trên thực tế, nó được nhập mạnh mẽ từ thời điểm tạo, bạn sẽ chỉ định loại dữ liệu nào sẽ đến và độ dài của nó. Và bạn không thể làm khác khi bạn đã nêu loại dữ liệu và độ dài. Bất kỳ nỗ lực nào để làm điều đó đều dẫn đến lỗi biên dịch
Ngoài ra, độ dài của một mảng có kích thước động và có thể tiếp tục tăng. Nói cách khác, bạn không cần chỉ định trước kích thước mảng. Bạn có thể truy cập các giá trị bằng cách tham khảo một số chỉ mục. Số chỉ mục bắt đầu từ số 0 như bạn có thể thấy từ hình ảnh bên dưới. Mục đầu tiên trong mảng là chỉ mục 0, mục thứ hai, chỉ mục 1. mục thứ ba, chỉ số 2. e. t. c

Tôi đã và đang chia sẻ rất nhiều tài nguyên Javascript như các khóa học JavaScript tốt nhất, các trang web và câu hỏi phỏng vấn Javascript, cùng với nhiều hướng dẫn về JavaScript và React. Trước đây, chúng ta đã biết cách lặp qua mảng và cách kiểm tra xem một phần tử có tồn tại trong mảng hay không, và hôm nay chúng ta sẽ xem cách nối thêm thứ gì đó vào mảng JavaScript.  

Biết rằng các phương thức Lặp lại mảng JavaScript hoạt động trên mọi mục mảng

Có nhiều cách khác nhau để tạo một mảng trong javaScript nhưng cách phổ biến và được ưa thích hơn để tạo một mảng là sử dụng ký hiệu ký tự mảng, Dạng ký tự mảng sử dụng dấu ngoặc vuông [] để bọc một danh sách các phần tử được phân tách bằng dấu phẩy. Ví dụ sau tạo mảng màu chứa ba chuỗi

1. let colors = ['red' , < 'green', 'blue'];

Bạn cũng có thể tạo một mảng trống để sử dụng sau này bằng cách thực hiện như sau

1. Let my_Array = [];

  Mảng trong JavaScript có các phương thức sẵn có sau đây để giúp (các) tác vụ của bạn dễ dàng hơn.

• Phương thức join() cũng nối tất cả các phần tử mảng thành một chuỗi
• Phương thức pop() trả về giá trị được "bật ra"
• Phương thức push() thêm một phần tử mới vào một mảng (ở cuối). Khi bạn làm việc với mảng, bạn có thể dễ dàng loại bỏ phần tử và thêm phần tử mới
• Phương thức shift() loại bỏ phần tử mảng đầu tiên và "chuyển" tất cả các phần tử khác sang chỉ mục thấp hơn và trả về giá trị đã được "chuyển ra"
• Phương thức unshift() thêm một phần tử mới vào một mảng (ở đầu) và "bỏ dịch chuyển" các phần tử cũ hơn và trả về độ dài mảng mới
• Phương thức splice() có thể được sử dụng để thêm các mục mới vào một mảng, chỉ định chỉ mục nào bạn cũng muốn thêm các mục mới
• Phương thức concat() tạo một mảng mới bằng cách hợp nhất (nối) các mảng hiện có, Lưu ý rằng Phương thức concat() không thay đổi các mảng hiện có. Nó luôn trả về một mảng mới. Phương thức concat() có thể lấy bất kỳ số lượng đối số mảng nào

2 cách nối phần tử vào mảng trong JavaScript [Mutative]

Dưới đây là 5 cách để thêm một mục vào cuối một mảng. đẩy, nối và độ dài sẽ làm thay đổi mảng ban đầu. Trong khi concat và spread sẽ không và thay vào đó sẽ trả về một mảng mới. Cái nào là tốt nhất tùy thuộc vào trường hợp sử dụng của bạn

Điều này sẽ thay đổi mảng ban đầu

1. const mảng = ['boy'];

2. mảng. đẩy('boy');

3. mảng. mối( mảng. độ dài , 0 , ');

4. mảng [ mảng. độ dài] = 'cậu bé';

Kết quả

['cậu bé', 'cậu bé']

không đột biến

Điều này sẽ tạo ra một mảng mới và mảng ban đầu không thay đổi

1. const ban đầu = ['cô gái'];

2. let newArray ;

3. newArray = ban đầu. concat('lady');

4. newArray = [ . bản gốc , 'quý bà'];

 // Kết quả

mảng mới;

nguyên bản;

 

3 cách để thêm mục vào mảng (mutative)

Hãy xem xét 3 cách chúng ta có thể đẩy một mục vào một mảng. Đây sẽ là cách đột biến, nghĩa là nó sẽ thay đổi mảng ban đầu

Hình 1. 0. Nối phần tử trong JavaScript

1. phương pháp đẩy

Cách đơn giản nhất để thêm các phần tử vào cuối mảng là sử dụng lệnh đẩy

1. const trái cây = ['apple', 'lemon'];

2. sở thú. đẩy('nho');

3. bảng điều khiển. log( quả ); // ['apple', 'lemon','grape']

4. const color = ['white', 'black'];

5. const số = ['5', '2', '9'];

6. màu. đẩy( . số);

7. bảng điều khiển. log( màu ); // ['white', 'black','5', '2', '9']

2. phương pháp nối

Thoạt nhìn, phương thức này có vẻ rất cần thiết vì chúng ta đang truyền một loạt đối số. Đó là bởi vì phương pháp này có thể thêm hoặc loại bỏ các mục mảng

Vì vậy, cuối cùng, chúng ta hãy kiểm tra điều này

1. const thực phẩm = ['cơm', 'beans'];

2. thực phẩm. mối(

3. thực phẩm. length , // Chúng tôi muốn thêm vào END của mảng

4. 0 , // Chúng tôi KHÔNG muốn xóa bất kỳ mục nào

5. 'ghế' , 'Bàn' , ', // These are the items we want to add

6. );

7. bảng điều khiển. log( thực phẩm );

ĐẦU RA

['gạo', 'đậu', ghế', 'bàn', 'giường']

 

Đó là tất cả về cách thêm vào một mảng trong JavaScript. Bạn đã học được 5 cách để đạt được nhiệm vụ chung này, 3 trong số đó là biến thể, nghĩa là chúng sẽ thay đổi mảng ban đầu và 2 trong số chúng sẽ trả về một mảng mới. Nếu bạn nhớ, đẩy, nối và độ dài sẽ làm thay đổi mảng ban đầu. mặt khác, concat và spread sẽ không và thay vào đó sẽ trả về một mảng mới. Cái nào là tốt nhất tùy thuộc vào trường hợp sử dụng của bạn

Các bài viết và hướng dẫn về JavaScript khác mà bạn có thể muốn khám phá

• 5 tính năng JavasCript hiện đại hàng đầu dành cho người mới bắt đầu
• Cách lặp qua một mảng trong JavaScript
• Biến và chức năng cẩu trong JavaScript là gì
• Tái cấu trúc trong JavaScript là gì?
• Sự khác biệt giữa let, var và const trong JavaScript
• Cách sử dụng đệ quy trong JavaSCript
• Những cuốn sách yêu thích của tôi để học React. js
• 6 khóa học tốt nhất để học chuyên sâu về React Hook
• Làm cách nào để sử dụng các phương thức vòng đời trong React?
• 10 cuốn sách và khóa học để học Angular
• Cách sử dụng trạng thái trong React. js?
• Làm cách nào để sử dụng Toán tử nghỉ ngơi và trải rộng trong javascript?
• Sự khác biệt giữa == và  === trong JavaScript?
• Lộ trình của nhà phát triển React
• 5 khóa đào tạo trực tuyến học Angular miễn phí
• 3 Svelte tốt nhất và miễn phí. khóa học js cho người mới bắt đầu
• Các khóa học miễn phí yêu thích của tôi để học Angular và React
• 5 khóa học React Native tốt nhất cho người mới bắt đầu

Cảm ơn đã đọc bài viết này cho đến nay. Nếu bạn thích hướng dẫn về mảng JavaScript này và cách kiểm tra xem có bất kỳ giá trị nào trong JavaScript hay không, vui lòng chia sẻ nó với bạn bè và đồng nghiệp của bạn. Nếu bạn có bất kỳ câu hỏi hoặc phản hồi nào, vui lòng gửi bình luận

P. S. - Nếu muốn học JavaScript nhưng đang tìm tài nguyên miễn phí để học JavaScript thì bạn cũng có thể tham gia các khóa học JavaScript miễn phí này. Nó có nhiều khóa học thực hành miễn phí để học JavaScript hiện đại. Nó chứa các khóa học Javascript miễn phí tốt nhất từ ​​Udemy, Coursera và Pluralsight.  

Cách nối một giá trị vào một mảng trong JavaScript là gì?

Chúng ta có thể nối các giá trị trong mảng không?

Làm cách nào để nối thêm một giá trị trong js?