JavaScript 对象的使用

对象是最重要的数据类型,构成了现代 JavaScript 的构建块。

它们与原始数据类型的不同之处在于,当每个原始数据存储单个值时,对象会更加复杂,并且可能包含原始数据的任意组合以及引用数据类型。

对象本身与引用数据类型相关。

可以使用带有可选属性列表的图形括号 {...} 创建对象。

如何显示 JavaScript 对象

在此代码中,我们将找到有关如何在 JavaScript 中显示对象的快速解决方案。

例如,当我们出于某些调试目的需要打印对象时,可以使用以下代码:

let object = {
  prop1: 'prop1Value',
  prop2: 'prop2Value',
  child: {
    childProp1: 'childPropValue1'
  }
}
console.log(object);

请注意,我们只需要记录对象。
在这种情况下,以下代码将不起作用:

let object = new Object("onitroad");
console.log('My object :   ' +  object)

此外,请考虑在 log 方法中可能使用逗号。
输出的第一行将是字符串,只有这样才能呈现对象。
下面是一个例子:

let object = new Object("onitroad");
console.log('My object:   ',   object);

还有一种替代方法:它是原生的 JSON.stringify() 方法。

它使用嵌套对象进行操作,所有主要浏览器都支持它。

以下是使用 JSON.stringify() 方法的示例:

let object = new Object("onitroad");
str = JSON.stringify(object);
str = JSON.stringify(object, null, 4); //(可选)使用缩进美化输出。
console.log(str); //将输出记录到开发工具控制台。
alert(str); //使用window.alert()显示输出
str = JSON.stringify(object);

我们可以应用自定义 JSON.stringify 替换器,以防出现以下 JavaScript 错误:

“未捕获的类型错误:将循环结构转换为 JSON”

描述 JSON.stringify() 方法

JSON.stringify() 方法旨在将 JavaScript 对象转换为字符串。

数据在发送到 Web 服务器时应该是一个字符串。
它接受以下参数:值、替换器、空间。
该值是需要转换为 JSON 的值。
替换器被认为是一个可选参数。
它可以是一个改变函数,或者是一个用作字符串化的选定过滤器的数组。

如果值为空或者 null,则对象的所有属性都包含在一个字符串中。

Space 也是一个可选参数。
它用于控制使用 JSON.stringify() 方法创建的最终字符串内的间距。
返回值返回特定值的字符串。

日期:2020-06-02 22:16:16 来源:oir作者:oir