javascript - 如何将 JSON 数组转换为 JS？

Question

从 JSON 获取 JS 对象的语法最佳方法是什么？ 我有一个描述表单字段的 json 文件，我想从中获取仅包含名称字段值的 JS 对象，等于 null。像这样:

JSON 输入:

[
    {
        "name": "firstname",
        "en": "First Name",
        "fr": "Prénom",
        "type": "text"
    },
    {
        "name": "name",
        "en": "Last Name",
        "fr": "Nom",
        "type": "text"
    },
    {
        "name": "email",
        "en": "Email",
        "fr": "Email",
        "type": "text"
    },
    {
        "name": "password",
        "en": "Password",
        "fr": "Mot de Passe",
        "type": "password"
    }
]

Js对象结果:

{
    firstname: null,
    name: null,
    email: null,
    password: null
}

有什么建议吗？

Answer 1

你可以使用 Object.assign与 spread syntax ...对于属性。

var array = [{ name: "firstname", en: "First Name", fr: "Prénom", type: "text" }, { name: "name", en: "Last Name", fr: "Nom", type: "text" }, { name: "email", en: "Email", fr: "Email", type: "text" }, { name: "password", en: "Password", fr: "Mot de Passe", type: "password" }],
    object = Object.assign(...array.map(({ name }) => ({ [name]: null })));
    
console.log(object);