JavaScript 显示对象
如何显示 JavaScript 对象？
显示 JavaScript 对象将输出 [对象对象].
显示 JavaScript 对象的一些常见解决方案是：
- 按名称显示对象属性
- 循环显示对象属性
- 使用 Object.values() 显示对象
- 使用 JSON.stringify() 显示对象
显示对象属性
对象的属性可以显示为字符串：
例子
const 人 = {
名字：“约翰”，
年龄：30岁，
城市：“纽约”
};
document.getElementById("演示").innerHTML =
人.姓名 + "，" + 人.年龄 + "，" + 人.城市；
亲自尝试 »
循环显示对象
可以通过循环来收集对象的属性：
例子
const 人 = {
名字：“约翰”，
年龄：30岁，
城市：“纽约”
};
让txt =“”;
对于（让 x 亲自）{
txt += person[x] + " ";
};
document.getElementById("demo").innerHTML = txt;
亲自尝试 »
您必须使用 人[x] 在循环。
人.x 不会起作用（因为X 是一个变量）。
使用 Object.values()
任何 JavaScript 对象都可以使用以下方法转换为数组 Object.values():
const 人 = {
名字：“约翰”，
年龄：30岁，
城市：“纽约”
};
const myArray = Object.values(person);
myArray 现在是一个 JavaScript 数组，可以显示了：
例子
const 人 = {
名字：“约翰”，
年龄：30岁，
城市：“纽约”
};
const myArray = Object.values(person);
document.getElementById("demo").innerHTML = myArray;
亲自尝试 »
Object.values() 自 2016 年起，所有主流浏览器均支持它。
| 54 (2016) | 14 (2016) | 47 (2016) | 10 (2016) | 41 (2016) |
使用 JSON.stringify()
任何 JavaScript 对象都可以使用 JavaScript 函数进行字符串化（转换为字符串） JSON.stringify():
const 人 = {
名字：“约翰”，
年龄：30岁，
城市：“纽约”
};
让 myString = JSON.stringify(person);
myString 现在是一个 JavaScript 字符串，可以显示了：
例子
const 人 = {
名字：“约翰”，
年龄：30岁，
城市：“纽约”
};
让 myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
亲自尝试 »
结果将是遵循 JSON 符号的字符串：
{"name":"约翰","age":50,"city":"纽约"}
JSON.stringify() 包含在 JavaScript 中并被所有主流浏览器支持。
字符串化日期
JSON.stringify 将日期转换为字符串：
例子
const 人 = {
名字：“约翰”，
今天：新日期（）
};
让 myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
亲自尝试 »
字符串化函数
JSON.stringify 不会对函数进行字符串化：
例子
const 人 = {
名字：“约翰”，
年龄：函数（）{返回 30；}
};
让 myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
亲自尝试 »
如果在字符串化之前将函数转换为字符串，则可以“修复”这个问题。
例子
const 人 = {
名字：“约翰”，
年龄：函数（）{返回 30；}
};
人.年龄 = 人.年龄.toString();
让 myString = JSON.stringify(person);
document.getElementById("demo").innerHTML = myString;
亲自尝试 »
字符串化数组
也可以将 JavaScript 数组字符串化：
例子
const arr = ["约翰", "彼得", "莎莉", "简"];
让 myString = JSON.stringify(arr);
document.getElementById("demo").innerHTML = myString;
亲自尝试 »
结果将是遵循 JSON 符号的字符串：
[“约翰”，“彼得”，“莎莉”，“简”]
