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() 方法创建的最终字符串内的间距。
返回值返回特定值的字符串。