JavaScript 显示对象

如何显示 JavaScript 对象？

显示 JavaScript 对象将输出 [object Object]。

实例

    
    


    




//[object Object]

显示 JavaScript 对象的一些常见解决方案是：

• 按名称显示对象属性
• 循环显示对象属性
• 使用 Object.values() 显示对象
• 使用 JSON.stringify() 显示对象

显示对象属性

对象的属性可显示为字符串：

实例

    

    




//DianDian ,20 ,ShenZhen

在循环中显示对象

可以在循环中收集对象的属性：

实例

    

    




//DianDian 20 ShenZhen

必须在循环中使用 person[x]。person.x 将不起作用（因为 x 是一个变量）。

使用 Object.values()

通过使用 Object.values()，任何 JavaScript 对象都可以被转换为数组：

  
    

    

  


//Bill,19,Seattle

使用 JSON.stringify()

任何 JavaScript 对象都可以使用 JavaScript 函数 JSON.stringify() 进行字符串化（转换为字符串）

    


    




//{"name":"Bill","age":19,"city":"Seattle"}

日期字符串化

JSON.stringify 将日期转换为字符串：

实例

    


    




//{"name":"Bill","today":"2024-08-26T03:09:50.156Z"}

函数字符串化

JSON.stringify 不会对函数进行字符串化：

实例

  
    


    




//{"name":"Bill"}

如果在字符串化之前将函数转换为字符串，这可以是“固定的”。

实例

    


    




//{"name":"Bill","age":"function () {return 19;}"}

数组字符串化

也可以对 JavaScript 数组进行字符串化：

实例

    


    




//["Bill","Steve","Elon","David"]