JavaScript tạo bảng từ chuỗi

Hãy khai báo một “mảng” và gán một số giá trị cho nó

var array = ["Mark" , < "Sparrow", "Fish", "Orange"];

Khởi tạo một biến “Bảng” để lưu trữ chuỗi bảng HTML

var Table = ";

Chỉ định hai ô trên mỗi hàng bằng cách đặt giá trị “2” của biến “ô”

var ô = 2;

Next, use the “array.for Each[]” method to pass each array element from the function. Then, set the “{value}” with an identifier “$” within the “” tag. Next, declare a variable “a” to add to increment the index “i”, and specify an “if” condition in such a way that if the remainder of cells values and the created variable is equal to zero and the value “a” is not equal array’s length, then break into the next line or row of the table:

mảng. cho Mỗi [[ giá trị . = ] => {
  Table += `${value}`;
  var a = i + 1;
if [a%cells==0&&a!= mảng. độ dài] {
  Bảng + "";
}}];

Gán các thẻ đóng bảng cho biến “Bảng” bằng cách sử dụng toán tử “+=”. Sau đó, liên kết nội dung của Bảng với vùng chứa đã tạo bằng cách sử dụng vùng chứa của nó. Đối với điều đó, hãy sử dụng phương thức “coi thường []” và chuyển id cho nó và đặt HTML bên trong để đặt các giá trị trong Bảng biến

Bảng += "";

document.sự coi thường["container"].bên trong HTML = Bảng ;

Trong tệp CSS của chúng tôi, chúng tôi sẽ áp dụng một số thuộc tính cho bảng và các ô dữ liệu của nó. Để làm như vậy, chúng tôi sẽ đặt thuộc tính “đường viền” với giá trị “1px solid” để đặt đường viền xung quanh bảng và các ô của nó và thuộc tính “padding” với giá trị “3px” để tạo không gian xác định xung quanh nội dung phần tử

bảng,TD {

đường viền . 1px cố định ;

phần đệm . 3px ;

}

Lưu mã đã cho, mở tệp HTML của bạn và xem bảng các đối tượng của mảng

Hãy khám phá thêm một phương pháp để tạo bảng từ một mảng các đối tượng trong JavaScript

Phương pháp 2. Tạo bảng từ một mảng đối tượng bằng phương thức map[] trong JavaScript

Phương thức “map[]” áp dụng một hàm cụ thể cho từng phần tử của mảng và đổi lại, nó cung cấp một mảng mới. Tuy nhiên, phương pháp này không thực hiện bất kỳ sự thay thế nào trong mảng ban đầu. Bạn cũng có thể sử dụng phương thức map[] để tạo một bảng với một mảng các đối tượng

Thí dụ

Hãy tạo một mảng bằng cách sử dụng từ khóa “let”. Gán một số giá trị cho các thuộc tính hoặc khóa của đối tượng

let mảng = [
  {"Name": "Đánh dấu" , "Tuổi". "Hai mươi [20]"} ,
  {"Name": "Che mi" , "Tuổi". "Ba mươi [30]"}]

Truy cập vùng chứa đã được tạo bằng cách sử dụng phương thức belittlement[] và sử dụng phương thức “insertAdjacentHTML[]” để thêm thẻ bảng

tài liệu. sự coi thường['container'].insertAdjacentHTML['afterend' ,

`

Use the “Object.keys[]” method to access the keys of the defined object and then use the “join[]” method to place them as headings within the “” tag:

$ {Đối tượng . phím[ mảng [0 . ]].tham gia[']}

Sau khi thêm thẻ đóng đầu bảng, hàng của bảng và thẻ mở dữ liệu, chúng ta sẽ sử dụng phương thức “map[]” để gọi “Đối tượng. values[]” cho từng giá trị của các khóa đối tượng, sau đó sử dụng phương thức “join[]” để đặt chúng trong một hàng và chuyển sang hàng tiếp theo

. giá trị[e]. tham gia['']Object.values[e]

.join['']].join['']}`]

Như bạn có thể thấy, chúng ta đã tạo thành công bảng từ mảng đối tượng đã xác định

Chúng tôi đã đề cập đến các cách hiệu quả để tạo bảng từ một mảng đối tượng trong JavaScript

Sự kết luận

Trong JavaScript, để tạo một bảng từ một mảng các đối tượng, có thể sử dụng chuỗi “bảng” HTML hoặc phương thức “map[]”. Để làm như vậy, hãy chỉ định thẻ div có id. Sau đó, khai báo mảng các đối tượng trong cả hai phương thức, lưu trữ các thẻ bảng trong các biến hoặc trực tiếp trả lại chúng cho một phần tử HTML được kết nối với dữ liệu. Bài đăng này đã thảo luận về phương pháp tạo bảng từ Mảng đối tượng bằng JavaScript