Question

从JSON获取JS对象的语法最优方法是什么？我有一个描述表单字段的json文件，从中我想获取仅包含name字段值的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);

Answer 2

使用reduce

var output = arr.reduce( ( a, c ) => ( a[c.name] = null, a ),  {} );

<强>演示

＆＃13;

var arr = [{
    "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"
  }
]

var output = arr.reduce((a, c) => (a[c.name] = null, a), {});
console.log(output);

＆＃13;

Answer 3

使用array#reduce。

var data = [{ "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" } ],
    result = data.reduce((r, {name}) => (r[name] = null, r), {});
console.log(result);

如何将JSON数组转换为JS？

3 个答案: