Khi làm việc với mảng trong JavaScript, bạn sẽ muốn in ra các phần tử của mảng
Trong môi trường trình duyệt, bạn có hai tùy chọn, sử dụng hàm console.log[]
hoặc ghi nó vào DOM
Trong bài đăng này, chúng ta sẽ xem các ví dụ về hai cách tốt nhất để in ra mảng của bạn
Cách dễ nhất để in ra một mảng là sử dụng hàm console.log[]
Bạn có thể lặp qua từng phần tử, in ra từng phần tử một
Đầu tiên, hãy bắt đầu với mảng của chúng ta
const array = [1, 2, 3, 4, 5];
Sau đó, hãy lặp qua mảng và in ra từng phần tử
const array = [1, 2, 3, 4, 5];
for [let i = 0; i < array.length; i++] {
console.log[array[i]];
}
1
2
3
4
5
Để ghi mảng của bạn vào DOM, trước tiên bạn cần chuyển đổi mảng của mình thành một chuỗi
Rất may, chúng ta có thể tận dụng chức năng
const array = [1, 2, 3, 4, 5];
for [let i = 0; i < array.length; i++] {
console.log[array[i]];
}
1 để làm điều nàyChúng ta có thể yêu cầu hàm
const array = [1, 2, 3, 4, 5];
for [let i = 0; i < array.length; i++] {
console.log[array[i]];
}
1 chuyển đổi mảng của chúng ta thành một chuỗi và sau đó chúng ta có thể ghi chuỗi đó vào DOM const array = [1, 2, 3, 4, 5];
const string = JSON.stringify[array];
document.querySelector[".output"].innerHTML = string;
[1, 2, 3, 4, 5]
Đây là một ví dụ đầy đủ
JavaScript Array example
const array = [1, 2, 3, 4, 5];
const string = JSON.stringify[array, null, 4];
document.querySelector[".output"].innerHTML = string;
[
1,
2,
3,
4,
5
]
Bạn đã in thành công mảng của mình tới DOM
Trong bài đăng này, chúng tôi đã xem xét các ví dụ về hai cách tốt nhất để in ra mảng của bạn
Hai cách là sử dụng hàm console.log[]
và sau đó viết kết quả trực tiếp vào DOM
Hy vọng rằng, bài viết này đã được hữu ích cho bạn
Nếu bạn muốn tìm hiểu về phát triển web, thành lập công ty khởi nghiệp, khởi động SaaS, v.v., hãy theo dõi tôi trên Twitter. Bạn cũng có thể tham gia cuộc trò chuyện tại Discord chính thức của chúng tôi
Khi cần in các phần tử của mảng, bạn có thể lặp lại mảng và in từng phần tử ra console như sau
let arr = ["Jack", "John", "James"];
for[let i = 0; i "Jack"
> "John"
> "James"
Bây giờ đôi khi bạn muốn các phần tử được in ở định dạng đẹp trên trang web. Bạn có thể làm như vậy bằng cách gán mảng là thuộc tính innerHTML
của một phần tử
Đây là một ví dụ
JavaScript print array
let arr = ["Jack", "John", "James"];
document.getElementById["arrPrint"].innerHTML = arr;
Nhưng khi bạn có một mảng các đối tượng, thì phần tử innerHTML
sẽ được đặt thành [object Object]
thay vì các phần tử mảng. Để in một mảng đối tượng đúng cách, bạn cần định dạng mảng dưới dạng chuỗi JSON bằng phương thức JSON.stringify[]
và đính kèm chuỗi vào thẻ trong trang HTML của bạn