Làm thế nào để bạn in một mảng trong javascript?

Tạo một phần tử trong trang HTML của bạn sẽ chứa đầu ra và gán cho nó một id duy nhất thích hợp, chẳng hạn như “id-đích”. Sau đó, sử dụng InternalHTML và getElementById để in Array sang HTML bằng JavaScript

Mảng in JavaScript sang HTML

Các phần tử mảng in mã ví dụ đơn giản

đầu ra

Bạn có thể lặp qua mảng và in từng phần tử ra bàn điều khiển như sau

let arr = ["A", "B", "C"];

for(let i = 0; i < arr.length; i++){
  console.log(arr[i]);
}

đầu ra

> "Jack"
> "John"
> "James"

In mảng JavaScript trong HTML bằng jQuery

đầu ra

firstname: Jane
lastname: Doe
email: [email protected]
firstname: Ja
lastname: joe
email: [email protected]
firstname: Janet
lastname: joes
email: [email protected]

Hãy bình luận nếu bạn có bất kỳ nghi ngờ hoặc đề xuất nào về chủ đề in JS này

Ghi chú. Tất cả mã Ví dụ về JS đều được thử nghiệm trên trình duyệt Firefox và trình duyệt Chrome

hệ điều hành. cửa sổ 10

Mã số. Phiên bản HTML5

Rohit

Bằng cấp về Khoa học Máy tính và Kỹ sư. Nhà phát triển ứng dụng và có kinh nghiệm về nhiều ngôn ngữ lập trình. Đam mê công nghệ & thích học hỏi kỹ thuật

Mảng đối tượng hoặc mảng đối tượng là gì?

Tiếp theo, chúng ta sẽ thấy các tùy chọn để in một mảng đối tượng trong JavaScript

Sử dụng Phương thức stringify() của Đối tượng JSON

Sau đây, chúng ta sẽ tìm hiểu cách xâu chuỗi đối tượng. Để hiển thị chính xác một mảng đối tượng, chúng ta cần định dạng mảng dưới dạng chuỗi JSON. JSON. stringify() định dạng mảng và đưa ra bản in chính xác. Chúng ta có thể sử dụng một

 tag to display the output.
Users can follow the syntax below to use this.




Syntax
JSON.stringify(v,r,s)
Trong cú pháp trên, hai tham số cuối cùng là tùy chọn
Thông số

v − Đây là mảng các đối tượng
r - Đây là bộ thay thế. Nó có thể thay đổi đầu ra bằng cách thay đổi hoặc loại bỏ các giá trị. Phương thức sẽ in tất cả các giá trị nếu giá trị r là null hoặc không xác định. Một hàm hoặc một mảng được sử dụng làm công cụ thay thế
s - Đây là giá trị khoảng cách cho màn hình đầu ra. Nó dành cho mục đích dễ đọc. Không có gì, null, chuỗi hoặc 1-10 là các giá trị có thể có của tham số này. Nếu giá trị nhỏ hơn 1, bản in JSON sẽ không có khoảng trống. Nếu giá trị lớn hơn 10, thì chỉ 10 được lấy để thụt đầu dòng. Nếu giá trị là một chuỗi, chuỗi hoặc mười ký tự đầu tiên của chuỗi được xem xét để giãn cách

Thí dụ
Ở đây trong mã này, chúng tôi đang lấy một mảng các đối tượng. JSON. stringify() được gọi trực tiếp với giá trị này. Ở đây, vết lõm là 1. Một điều kiện được đưa ra để chỉ hiển thị khóa tên từ đối tượng JSON. Đây là thông số thứ hai


   
 
Sử dụng bảng điều khiển. phương thức table()
Sau đây chúng ta sẽ tìm hiểu cách giao diện điều khiển. phương thức table() hoạt động. Phương pháp này thực sự cần một đầu vào. Đầu vào là một mảng hoặc một đối tượng. Phương thức này cũng xử lý các trường hợp lồng nhau của cả mảng và đối tượng. Tham số thứ hai là cột, là tùy chọn
Mỗi phần tử trong thuộc tính đếm được hoặc đầu vào được hiển thị dưới dạng hàng của bảng. Cột đầu tiên của bảng là chỉ số mảng. Trong Firefox, 1000 hàng là màn hình đầy đủ. Phương pháp này cho phép người dùng sắp xếp từng cột của bảng bằng cách nhấp vào nhãn
Tất cả các trình duyệt sử dụng bảng điều khiển tiêu chuẩn đều hỗ trợ phương pháp này và Internet Explorer không hỗ trợ phương pháp này
Người dùng có thể làm theo cú pháp bên dưới để sử dụng
cú pháp
console.table(d, c)
Trong cú pháp trên, chúng ta cần cung cấp mảng đối tượng làm đầu vào đầu tiên
Thông số

d − Một mảng các đối tượng
c − Ở đây, chúng ta cần chỉ định tên khóa của đối tượng. Chỉ các cặp giá trị khóa chính được chỉ định sẽ được hiển thị trong đầu ra

Thí dụ
Chúng tôi đang tạo một mảng các đối tượng trong chương trình ví dụ này bằng phương thức mới. Dữ liệu này được cung cấp dưới dạng tham số đầu tiên cho bảng điều khiển. phương thức bảng()
Ở đây, có ba đối tượng ở đầu vào. Nhưng chúng tôi đã hạn chế chỉ hiển thị hai trong định dạng bảng. Tên khóa của các đối tượng bắt buộc được cung cấp dưới dạng tham số thứ hai. Bàn điều khiển. log() với tiêu đề chương trình trong tham số đầu tiên và các giá trị CSS làm tham số tiếp theo hiển thị tiêu đề theo kiểu trong đầu ra sau




Người dùng cần mở bảng điều khiển để xem đầu ra cho ví dụ bên dưới
Khi bạn mở Console và chạy lại chương trình trên, bạn sẽ thấy kết quả như ảnh chụp màn hình bên dưới

Hướng dẫn này đã giúp chúng tôi tìm hiểu về hai cách để in một mảng đối tượng. Chúng tôi sử dụng bảng điều khiển. dir() thường để xác minh mảng đối tượng. Để hiển thị mảng đối tượng trên trang, JSON. stringify() được sử dụng
Chúng ta có thể sử dụng bàn điều khiển nếu cần định dạng bảng của mảng đối tượng. phương thức bảng(). Hạn chế duy nhất là một số bảng điều khiển không hỗ trợ phương pháp này. Một số bảng điều khiển hiển thị tên cột theo thứ tự tăng dần. Đó là, thứ tự khóa đối tượng thực tế bị mất
Nói tóm lại, cả hai phương pháp đều đơn giản. Người dùng có quyền lựa chọn bất kỳ phương pháp nào theo yêu cầu in của họ
 

Hàm nào dùng để in mảng?
Chương trình in các phần tử trong một mảng bằng hàm
. Hàm bên trong sử dụng vòng lặp for để in một mảng như đã thảo luận trong các phần trước
Mảng là gì [
Như những người khác đã nói, Trong Javascript mảng[-1] chỉ là tham chiếu đến thuộc tính của mảng có tên "-1" (như độ dài) thường không được xác định (because array['-1'] is not evaluated to any value).