Hướng dẫn how do you display an array in html? - làm thế nào để bạn hiển thị một mảng trong html?

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ư Target Target-ID. Sau đó sử dụng InnerHTML và getEuityByID để in mảng thành HTML bằng JavaScript.innerHTML and getElementById to print Array to HTML using JavaScript.

Các yếu tố in mảng in ví dụ đơn giản.

  


  
    let arr = ["Jack", "Mike", "Steve"];
    document.getElementById["arrPrint"].innerHTML = arr;
  
  

Output::

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

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

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

Output::

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

In mảng JavaScript trong HTML bằng cách sử dụng jQuery

                var parsed = "";
                var myObject = [{
                    firstname: "Jane",
                    lastname: "Doe",
                    email: "[email protected]"
                }, {
                    firstname: "Ja",
                    lastname: "joe",
                    email: "[email protected]"
                }, {
                    firstname: "Janet",
                    lastname: "joes",
                    email: "[email protected]"
                }];
                for [i = 0; i< myObject.length; i++] {
                    var myobj=  myObject[i];
                    for [var property in myobj] {
                        parsed += property + ": " + myobj[property] + "\n";          
                    }
                }                           

Output::

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.

Lưu ý: & nbsp; The & nbsp; tất cả các ví dụ JS & nbsp; is & nbsp; được kiểm tra trên trình duyệt firefox và trình duyệt Chrome. The All JS Examples codes are tested on the Firefox browser and the Chrome browser.

Hệ điều hành: & nbsp; windows 10Windows 10

Mã: Phiên bản HTML 5

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ó nhiều ngôn ngữ lập trình kinh nghiệm. Sự nhiệt tình cho công nghệ và thích học kỹ thuật.

var contacts =[];

function getInfo[] {
    var firstName = prompt["Enter first name"];
    var lastName = prompt["Enter last name"];
    var emailId = prompt["Enter Email ID"];
    var phoneNo = prompt["Enter Phone number"];
    var fname, lname, email, phone;
    var person ={
        fname : firstName,
        lname : lastName,
        email : emailId,
        phone : phoneNo
    }
    contacts.push[person];  




for[i=0;i {document.getEuityById ['result']. InsideHtml += `$ {Element}`; // ở đây kết quả là id của div có trong DOM}];};Mã này đưa ra giả định rằng div mà chúng tôi muốn hiển thị các phần tử của mảng có ID 'kết quả'. getElementById['result']. innerHTML += `
${element}

`; // here result is the id of the div present in the DOM }]; }; This code makes the assumption that the div in which we want to display the elements of array has an id 'result'.