不可变 - 用切片更改数组中的元素（无拼接）

Question

怎么可能改变3/4元素？预期产量为[1,2,4,3,5]

let list = [1,2,3,4,5];
const removeElement = list.indexOf(3); // remove number 3
list.slice(0, removeElement).concat(list.slice(removeElement+1)) // [1,2,4,5]

...接下来在4号之后推3号而没有拼接

Answer 1

slice不会改变它运行的数组，因此你需要为它返回的值赋值

let list = [1,2,3,4,5];
const removeElement = list.indexOf(3); // remove number 3
var newList = list.slice(0, removeElement).concat(list.slice(removeElement+1)) // [1,2,4,5]

如果您准备使用ES2015语法，则可以使用spread运算符，如下所示：

const removeElement = list.indexOf(3); // remove number 3
var es6List = [
  ...list.slice(0, removeElement),
  ...list.slice(removeElement+1)
];
console.log(es6List);

fiddle

Answer 2

写这个的最简单方法是使用spread运算符：

let newList = [...list.slice(0, 2), list[4], list[3], ...list.slice(4)];

Answer 3

var list = [1,2,3,4,5];
var numToRemove = 3;

var removeElementIndex = list.indexOf(numToRemove);
var afterRemoveElement = list[removeElementIndex+1];

list.slice(0, removeElementIndex).concat(afterRemoveElement).concat(numToRemove).concat(list.slice(removeElementIndex+2)) // [1,2,4,3,5]

Answer 4

数组是对象，使用Object.assign（）和具有属性名称表达式的访问元素。

var numToMove = 2;
console.log(Object.assign(list, {[numToMove]: list[numToMove+1]}, 
{[numToMove+1]: list[numToMove]}));
// [1, 2, 4, 3, 5]