如何用单线替换JavaScript数组中的对象？

Question

Given an array with some object:

let array = [
  { name: 'bob', score: 12 },
  { name: 'Joe', score: 20 },
  { name: 'Sue', score: 25 }
]

How can I replace Joe's object in the array with this new object in a single line:

let newScoreForJoe = { name: 'Joe', score: 21 }

I know that I can find the index of Joe's object in the array and then update it like so:

let joeIndex = array.findIndex(x => x.name === newScoreForJoe.name)
array[joeIndex] = newScoreForJoe;

But is there an elegant one-liner to achieve the same thing?

Answer 1

I'm sure how elegant this will be for you but since you are trying to returm an array with the same amuount of objects, i would do this:

The array:

let array = [
  { name: 'bob', score: 12 },
  { name: 'Joe', score: 20 },
  { name: 'Sue', score: 25 }
]

The object:

let newScoreForJoe = { name: 'Joe', score: 21 }

The replace line:

let joeIndex = array.map(x => x.name === newScoreForJoe.name ? newScoreForJoe : x)

Answer 2

您可以简单地一起消除joeIndex变量，然后执行以下操作：

array[array.findIndex(x => x.name === newScoreForJoe.name)] = newScoreForJoe;

Answer 3

You can try this answer. Just change the value of the object property.

array[1].score = 21;

Answer 4

You could use Array#some and assign the new object inside of the callback.

If no object is found, no assignment happens.

 let array = [{ name: 'bob', score: 12 }, { name: 'Joe', score: 20 }, { name: 'Sue', score: 25 }], newScoreForJoe = { name: 'Joe',score: 21 }; array.some((a, i, aa) => (a.name === newScoreForJoe.name && (aa[i] = newScoreForJoe))); console.log(array);