Hướng dẫn how to display array of objects in javascript - cách hiển thị mảng đối tượng trong javascript

Question

Tôi đã tạo một mảng đối tượng trong JavaScript. Làm thế nào tôi có thể in mảng đối tượng trong cửa sổ trình duyệt, tương tự như hàm

yourContainer.innerHTML = JSON.stringify(lineChartData, null, 4);

4 trong PHP?

Nội dung chính Show

Làm thế nào để bạn hiển thị một mảng trong JavaScript?
{} Và [] trong javascript là gì?
Làm cách nào để hiển thị một mảng các đối tượng trong HTML?
Bạn có thể có một danh sách các đối tượng js?

var lineChartData = [{
            date: new Date(2009, 10, 2),
            value: 5
        }, {
            date: new Date(2009, 10, 25),
            value: 30
        }, {
            date: new Date(2009, 10, 26),
            value: 72,
            customBullet: "images/redstar.png"
        }];

vịt Donald

7.91122 Huy hiệu vàng71 Huy hiệu bạc92 Huy hiệu Đồng22 gold badges71 silver badges92 bronze badges

Đã hỏi ngày 15 tháng 2 năm 2013 lúc 13:00Feb 15, 2013 at 13:00

Vinod Kumarvinod KumarVinod Kumar

1.4373 Huy hiệu vàng13 Huy hiệu bạc23 Huy hiệu đồng3 gold badges13 silver badges23 bronze badges

2

Chỉ cần

yourContainer.innerHTML = JSON.stringify(lineChartData, null, 4);

5 đối tượng của bạn và gán nó cho bên trong của một yếu tố bạn chọn.

yourContainer.innerHTML = JSON.stringify(lineChartData);

Nếu bạn muốn một cái gì đó đẹp hơn, hãy làm

yourContainer.innerHTML = JSON.stringify(lineChartData, null, 4);

var lineChartData = [{
            date: new Date(2009, 10, 2),
            value: 5
        }, {
            date: new Date(2009, 10, 25),
            value: 30
        }, {
            date: new Date(2009, 10, 26),
            value: 72,
            customBullet: "images/redstar.png"
        }];

document.getElementById("whereToPrint").innerHTML = JSON.stringify(lineChartData, null, 4);

<pre id="whereToPrint"></pre>

Nhưng nếu bạn chỉ làm điều này để gỡ lỗi, thì tốt hơn hết là bạn nên sử dụng bảng điều khiển với

yourContainer.innerHTML = JSON.stringify(lineChartData, null, 4);

6.

Christoph

48.7K19 Huy hiệu vàng98 Huy hiệu bạc127 Huy hiệu đồng19 gold badges98 silver badges127 bronze badges

Đã trả lời ngày 15 tháng 2 năm 2013 lúc 13:01Feb 15, 2013 at 13:01

Denys Séguretdenys SéguretDenys Séguret

362K84 Huy hiệu vàng769 Huy hiệu bạc741 Huy hiệu Đồng84 gold badges769 silver badges741 bronze badges

2

Đã trả lời ngày 19 tháng 5 năm 2016 lúc 8:00May 19, 2016 at 8:00

1

Nếu bạn đang sử dụng Chrome, bạn cũng có thể sử dụng

console.log( yourArray );

Đã trả lời ngày 15 tháng 2 năm 2013 lúc 13:19Feb 15, 2013 at 13:19

1

Có một triển khai

yourContainer.innerHTML = JSON.stringify(lineChartData, null, 4);

4 tuyệt vời cho JavaScript trong Thư viện Php.js.php.js library.

Lưu ý, bạn cũng nên thêm hỗ trợ

yourContainer.innerHTML = JSON.stringify(lineChartData, null, 4);

8 trong mã.

Bản demo: http://jsbin.com/esexiw/1 http://jsbin.com/esexiw/1

Đã trả lời ngày 15 tháng 2 năm 2013 lúc 13:01Feb 15, 2013 at 13:01

Denys Séguretdenys SéguretVisioN

362K84 Huy hiệu vàng769 Huy hiệu bạc741 Huy hiệu Đồng31 gold badges276 silver badges277 bronze badges

2

Đã trả lời ngày 19 tháng 5 năm 2016 lúc 8:00
Call this function with an array or string or an object it alerts the contents.

Nếu bạn đang sử dụng Chrome, bạn cũng có thể sử dụng

Đã trả lời ngày 15 tháng 2 năm 2013 lúc 13:19

Có một triển khai

yourContainer.innerHTML = JSON.stringify(lineChartData, null, 4);

4 tuyệt vời cho JavaScript trong Thư viện Php.js.

var data = [1, 2, 3, 4];
print_r(data);

Lưu ý, bạn cũng nên thêm hỗ trợ

yourContainer.innerHTML = JSON.stringify(lineChartData, null, 4);

8 trong mã.Jul 7, 2013 at 13:26

Bản demo: http://jsbin.com/esexiw/1Rayiez

VisionVision17 silver badges19 bronze badges

document.getElementById('container').innerHTML = lineChartData[array_index]

Badges vàng 141K31Feb 15, 2013 at 13:06

Hàm đơn giản để cảnh báo nội dung của một đối tượng hoặc một mảng. Gọi chức năng này với một mảng hoặc chuỗi hoặc một đối tượng, nó cảnh báo các nội dung.

console.log(my_object_array);

Hàm số

yourContainer.innerHTML = JSON.stringify(lineChartData);

0

function print_r(printthis, returnoutput) {
    var output = '';

    if($.isArray(printthis) || typeof(printthis) == 'object') {
        for(var i in printthis) {
            output += i + ' : ' + print_r(printthis[i], true) + '\n';
        }
    }else {
        output += printthis;
    }
    if(returnoutput && returnoutput == true) {
        return output;
    }else {
        alert(output);
    }
}

yourContainer.innerHTML = JSON.stringify(lineChartData);

1

Cách sử dụng

yourContainer.innerHTML = JSON.stringify(lineChartData);

2

Đã trả lời ngày 7 tháng 7 năm 2013 lúc 13:26May 14, 2017 at 9:28

user889030user889030user889030

Rayiezrayiez3 gold badges45 silver badges50 bronze badges

1

1.32017 Huy hiệu bạc19 Huy hiệu đồng

yourContainer.innerHTML = JSON.stringify(lineChartData);

3

Example:

yourContainer.innerHTML = JSON.stringify(lineChartData);

4

Đã trả lời ngày 15 tháng 2 năm 2013 lúc 13:06, you can just replace:

yourContainer.innerHTML = JSON.stringify(lineChartData);

5

Bạn có thể sử dụng

yourContainer.innerHTML = JSON.stringify(lineChartData, null, 4);

9 để in đối tượng

yourContainer.innerHTML = JSON.stringify(lineChartData);

6

Trong trường hợp bạn có đối tượng lớn và muốn in một số giá trị của nó thì bạn có thể sử dụng chức năng tùy chỉnh này để in mảng trong bảng điều khiển

cách sử dụngMar 25, 2014 at 3:29

hoặcShawn

Đã trả lời ngày 14 tháng 5 năm 2017 lúc 9:282 bronze badges

3.9903 Huy hiệu vàng45 Huy hiệu bạc 50 Huy hiệu Đồng

yourContainer.innerHTML = JSON.stringify(lineChartData);

7

Tôi sử dụng chức năng dưới đây để hiển thị đọc trong nhật ký bảng điều khiển Firefox:

Ngoài ra, bạn chỉ có thể thay thế:Mar 10, 2016 at 14:43

với

yourContainer.innerHTML = JSON.stringify(lineChartData);

8

yourContainer.innerHTML = JSON.stringify(lineChartData);

9

result:

yourContainer.innerHTML = JSON.stringify(lineChartData, null, 4);

0

Để in ra trong một trang HTML.

Đã trả lời ngày 25 tháng 3 năm 2014 lúc 3:29Oct 29, 2016 at 17:11

ShawnshawnGennady G

12 huy hiệu đồng1 gold badge11 silver badges27 bronze badges

Bạn chỉ có thể sử dụng cú pháp sau và đối tượng sẽ được hiển thị đầy đủ trong bảng điều khiển:

yourContainer.innerHTML = JSON.stringify(lineChartData, null, 4);

1

Tôi sử dụng trình duyệt Chrome không biết liệu điều này có thể thích ứng với các trình duyệt khác không.

yourContainer.innerHTML = JSON.stringify(lineChartData, null, 4);

2

Đã trả lời ngày 10 tháng 3 năm 2016 lúc 14:43

Emm ... Tại sao không sử dụng một cái gì đó như thế này?Apr 30 at 11:24

JSfiddle

yourContainer.innerHTML = JSON.stringify(lineChartData, null, 4);

3

Đã trả lời ngày 29 tháng 10 năm 2016 lúc 17:11

Gennady Ggennady gOct 29, 2018 at 19:53

9161 Huy hiệu vàng11 Huy hiệu bạc27 Huy hiệu đồngPJ Brunet

Câu hỏi là: làm thế nào để in mảng đối tượng trong javascript? Để in một người sử dụng này.38 silver badges35 bronze badges

2

Làm thế nào để bạn hiển thị một mảng trong JavaScript?

Sử dụng một mảng theo nghĩa đen là cách dễ nhất để tạo ra một mảng JavaScript.Cú pháp: const mảng_name = [item1, item2, ...];Đó là một thực tế phổ biến để khai báo các mảng với từ khóa Const.const array_name = [item1, item2, ...]; It is a common practice to declare arrays with the const keyword.

{} Và [] trong javascript là gì?

{} là tốc ký để tạo một đối tượng trống.Bạn có thể coi đây là cơ sở cho các loại đối tượng khác.Đối tượng cung cấp liên kết cuối cùng trong chuỗi nguyên mẫu có thể được sử dụng bởi tất cả các đối tượng khác, chẳng hạn như một mảng.[] là tốc ký để tạo ra một mảng trống.. You can consider this as the base for other object types. Object provides the last link in the prototype chain that can be used by all other objects, such as an Array . [] is shorthand for creating an empty array.

Làm cách nào để hiển thị một mảng các đối tượng trong HTML?

Player1 = {name: 'player1', điểm: 25};Player2 = {name: 'player2', điểm: 50};Player3 = {name: 'player3', điểm: 14};người chơi = [Player1, Player2, Player3];document.getEuityById ("demo"). Internhtml = json.document. getElementById("demo"). innerHTML = JSON.

Bạn có thể có một danh sách các đối tượng js?

Danh sách không hoạt động trên JavaScript.Nó sẽ hiển thị lỗi "Danh sách không xác định" trong bảng điều khiển.Bạn có thể thử mảng, đặt, bản đồ vv cho mục đích này.. It will show "List not defined" error in console. You can try Array, Set, Map etc for this purpose.

programming javascript Object object JavaScript