HomeLập trìnhJavaScriptMảng JavaScript -...

Mảng JavaScript – Cách tạo một mảng trong JavaScript


Mảng là một kiểu cấu trúc dữ liệu nơi bạn có thể lưu trữ một danh sách các phần tử được sắp xếp theo thứ tự.

Trong bài viết này, tôi sẽ chỉ cho bạn 3 cách để bạn có thể tạo một mảng bằng JavaScript. Tôi cũng sẽ chỉ cho bạn cách tạo một mảng từ một chuỗi bằng cách sử dụng split() phương pháp.

Cách tạo một mảng trong JavaScript bằng toán tử gán

Cách phổ biến nhất để tạo một mảng trong JavaScript là gán mảng đó cho một biến như sau:

const books = ["The Great Gatsby", "War and Peace", "Hamlet", "Moby Dick"];

Nếu chúng ta console.log mảng thì nó sẽ hiện ra 4 phần tử của mảng.

const books = ["The Great Gatsby", "War and Peace", "Hamlet", "Moby Dick"];

console.log(books);
Screen-Shot-2022-05-01-at-11.11.38-PM

Cách tạo mảng trong JavaScript bằng toán tử new và hàm tạo mảng

Một cách khác để tạo một mảng là sử dụng new từ khóa với Array người xây dựng.

Đây là cú pháp cơ bản:

new Array();

Nếu một tham số số được truyền vào dấu ngoặc đơn, tham số đó sẽ đặt độ dài cho mảng mới.

Trong ví dụ này, chúng tôi đang tạo một mảng có độ dài 3 vị trí trống.

new Array(3)
Screen-Shot-2022-05-14-at-11.07.33-PM

Nếu chúng ta sử dụng thuộc tính độ dài trên mảng mới, thì nó sẽ trả về số 3.

new Array(3).length

Nhưng nếu chúng ta cố gắng truy cập bất kỳ phần tử nào của mảng, nó sẽ trả về trạng thái không xác định vì tất cả các vị trí đó hiện đang trống.

new Array(3)[0]
Screen-Shot-2022-05-14-at-11.10.02-PM

Chúng ta có thể sửa đổi ví dụ của mình để nhận nhiều tham số và tạo một mảng các mặt hàng thực phẩm.

let myFavoriteFoods = new Array("pizza", "ice cream", "salad");

console.log(myFavoriteFoods); // ["pizza","ice cream","salad"]
console.log(myFavoriteFoods.length); // 3
console.log(myFavoriteFoods[1]); // "ice cream"
Screen-Shot-2022-05-14-at-11.13.48-PM

Cách tạo một mảng trong JavaScript bằng Array.of()

Một cách khác để tạo một mảng là sử dụng Array.of() phương pháp. Phương thức này nhận bất kỳ số lượng đối số nào và tạo một thể hiện mảng mới.

Đọc thêm  Cách kiểm tra xem một mảng JavaScript có trống hay không với .length

Đây là cú pháp cơ bản:

Array.of(); 

Chúng ta có thể sửa đổi ví dụ thực phẩm trước đó để sử dụng Array.of() phương pháp như thế này.

let myFavoriteFoods = Array.of("pizza", "ice cream", "salad");

console.log(myFavoriteFoods); // ["pizza","ice cream","salad"]
console.log(myFavoriteFoods.length); // 3
console.log(myFavoriteFoods[1]); // "ice cream"
Screen-Shot-2022-05-14-at-11.47.54-PM

Phương pháp này thực sự tương tự như sử dụng hàm tạo Array. Sự khác biệt chính là nếu bạn chuyển vào một số duy nhất bằng cách sử dụng Array.of() nó sẽ trả về một mảng có số đó trong đó. Nhưng hàm tạo Array tạo x số vị trí trống cho số đó.

Trong ví dụ này, nó sẽ trả về một mảng có số 4 trong đó.

let myArr = Array.of(4);

console.log(myArr);
Screen-Shot-2022-05-15-at-12.00.27-AM

Nhưng nếu tôi thay đổi ví dụ này để sử dụng hàm tạo Array, thì nó sẽ trả về một mảng gồm 4 vị trí trống.

let myArr = new Array(4);

console.log(myArr);
Screen-Shot-2022-05-15-at-12.02.03-AM

Cách tạo mảng từ chuỗi bằng phương thức split()

Đây là cú pháp của JavaScript split() phương pháp.

str.split(optional-separator, optional-limit)

Dấu tách tùy chọn là một loại mẫu báo cho máy tính biết nơi mỗi lần phân tách sẽ xảy ra.

Tham số giới hạn tùy chọn là một số dương cho máy tính biết có bao nhiêu chuỗi con trong giá trị mảng được trả về.

Trong ví dụ này, tôi có chuỗi "I love freeCodeCamp". Nếu tôi sử dụng split() phương thức không có dấu tách, thì giá trị trả về sẽ là một mảng của toàn bộ chuỗi.

const str="I love freeCodeCamp";

console.log(str.split());
Screen-Shot-2022-05-15-at-12.09.10-AM

Nếu tôi muốn thay đổi nó để chuỗi được chia thành các ký tự riêng lẻ, thì tôi cần thêm dấu phân cách. Dấu phân cách sẽ là một chuỗi rỗng.

const str = "I love freeCodeCamp";

console.log(str.split(""));
Screen-Shot-2022-05-15-at-12.10.58-AM

Lưu ý cách các khoảng trắng được coi là ký tự trong giá trị trả về.

Đọc thêm  Học JavaScript bằng tiếng Tây Ban Nha – Khóa học đầy đủ cho người mới bắt đầu

Nếu tôi muốn thay đổi nó để chuỗi được chia thành các từ riêng lẻ, thì dấu phân cách sẽ là một chuỗi trống có khoảng trắng.

const str = "I love freeCodeCamp";

console.log(str.split(" "));
Screen-Shot-2022-05-15-at-12.11.32-AM

Phần kết luận

Trong bài viết này, tôi đã chỉ cho bạn ba cách để tạo một mảng bằng cách sử dụng toán tử gán, hàm tạo mảng và Array.of() phương pháp.

Cách phổ biến nhất để tạo một mảng trong JavaScript là gán mảng đó cho một biến như sau:

const books = ["The Great Gatsby", "War and Peace", "Hamlet", "Moby Dick"];

Một cách khác để tạo một mảng là sử dụng new từ khóa với Array người xây dựng.

new Array();

Nếu một tham số số được chuyển vào dấu ngoặc đơn, tham số đó sẽ đặt độ dài cho mảng mới với số lượng vị trí trống đó.

Ví dụ: mã này sẽ tạo một mảng có độ dài bằng 3 ô trống.

new Array(3)

Chúng ta cũng có thể truyền vào nhiều tham số như thế này:

let myFavoriteFoods = new Array("pizza", "ice cream", "salad");

console.log(myFavoriteFoods); // ["pizza","ice cream","salad"]

Một cách khác để tạo một mảng là sử dụng Array.of() phương pháp. Phương thức này nhận bất kỳ số lượng đối số nào và tạo một thể hiện mảng mới.

Array.of(); 

Bạn cũng có thể lấy một chuỗi và tạo một mảng bằng cách sử dụng split() phương pháp

str.split(optional-separator, optional-limit)

Tôi hy vọng bạn thích bài viết này về mảng JavaScript.



Zik.vn – Biên dịch & Biên soạn Lại

Đọc thêm  Gửi dữ liệu giữa máy chủ và máy khách trong Node.js và Javascript
spot_img

Create a website from scratch

Just drag and drop elements in a page to get started with Newspaper Theme.

Buy Now ⟶

Bài viết liên quang

DMCA.com Protection Status