在某个 position 添加一个元素后返回修改后的数组

Question

是否有任何 function在某个索引处插入值并返回修改后的数组，如filter或map ？

我已经尝试过array.splice(item, 0, index)但它返回[]而不是修改后的数组

Answer 1

您可以通过使用Array#flatMap在索引处返回两个值来在索引处添加一个值

 const array = [1, 2, 4, 5], index = 2, newValue = 3, newArray = array.flatMap((v, i) => i === index? [newValue, v]: v); console.log(...newArray);

Answer 2

不，但您可以使用Array.prototype添加自己的 function ：

 const arr = ["foo", "bar", "baz"] Array.prototype.spliceReturn = function(idx, val) { this.splice(idx, 0, val) return this } let res = arr.spliceReturn(1, 'biz') console.log(res)

Answer 3

您可以使用splice添加到数组并返回它：

 const insert = (arr, index, val) => { arr.splice(index, 0, val); return arr; } console.log( insert([0,1,3], 2, 2) );

Answer 4

下一种方法更灵活地处理数组项目，无论是单个项目还是多个项目。 它符合验收标准，即 OP 之一和ASDFGerte之一...

 function newArrayFromInsertItems(arr, idx, ...items) { arr = Array.from(arr?? []); arr.splice(idx, 0, ...items); return arr; } const arr = ['foo', 'bar', 'baz']; console.log( "newArrayFromInsertItems(arr, 1, 'buz')...", newArrayFromInsertItems(arr, 1, 'buz') ); console.log( "newArrayFromInsertItems(arr, 1, 'biz', 'buz')...", newArrayFromInsertItems(arr, 1, 'biz', 'buz') ); console.log( "newArrayFromInsertItems(arr, 2, ['bar', 'baz'], 'biz')...", newArrayFromInsertItems(arr, 2, ['bar', 'baz'], 'biz') ); console.log('arr...', arr);

 .as-console-wrapper { min-height: 100%;important: top; 0; }