如何改变对象的值，这是一个数组使用JavaScript或jQuery?

下面的代码来自jQuery UI自动完成:

var projects = [
    {
        value: "jquery",
        label: "jQuery",
        desc: "the write less, do more, JavaScript library",
        icon: "jquery_32x32.png"
    },
    {
        value: "jquery-ui",
        label: "jQuery UI",
        desc: "the official user interface library for jQuery",
        icon: "jqueryui_32x32.png"
    },
    {
        value: "sizzlejs",
        label: "Sizzle JS",
        desc: "a pure-JavaScript CSS selector engine",
        icon: "sizzlejs_32x32.png"
    }
];

例如，我想更改jquery-ui的desc值。我该怎么做呢?

此外，是否有更快的方法来获取数据?我的意思是给对象一个名字来获取它的数据，就像数组中的对象一样?比如jquery-ui。jquery-ui。desc = ....

当前回答

使用map是最好的解决方案，不需要使用额外的库。(使用ES6)

const state = [
{
    userId: 1,
    id: 100,
    title: "delectus aut autem",
    completed: false
},
{
    userId: 1,
    id: 101,
    title: "quis ut nam facilis et officia qui",
    completed: false
},
{
    userId: 1,
    id: 102,
    title: "fugiat veniam minus",
    completed: false
},
{
    userId: 1,
    id: 103,
    title: "et porro tempora",
    completed: true
}]

const newState = state.map(obj =>
    obj.id === "101" ? { ...obj, completed: true } : obj
);

2019-09-03 20:44:14

其他回答

用每个循环使用的条件更改值

projects.forEach((p,index)=>{
    if(index === 1){
       p.value = "Updated jquery-ui"
    }
})

2021-09-18 11:29:28

javascript解构的力量

2020-11-26 15:58:43

我认为这样比较好

const index = projects.findIndex(project => project.value==='jquery-ui');
projects[index].desc = "updated desc";

2019-02-06 12:16:51

最好的解决方案，感谢ES6。

这将返回一个新的数组，其中替换了对象的描述，其中包含等于"jquery-ui"的值。

const newProjects = projects.map(p =>
  p.value === 'jquery-ui'
    ? { ...p, desc: 'new description' }
    : p
);

2018-08-07 02:59:41

你可以使用map函数——

const answers = this.state.answers.map(answer => {
  if(answer.id === id) return { id: id, value: e.target.value }
  return answer
})

this.setState({ answers: answers })

2019-07-23 10:30:58

如何改变对象的值，这是一个数组使用JavaScript或jQuery?

推荐文章

最新文章

标签