在数组元素之间插入对象的最优雅方法是什么?

时间:2015-08-07 14:00:18

标签: javascript arrays

我确信有很多方法可以实现这一目标,但我正在寻找一些东西"优雅"。

a = [
  'a',
  'b',
  'c'
];

magicArrayJoin(a, {value: 255} ); // insert the same object between each item

result ==  [
  'a',
  {value: 255},
  'b',
  {value: 255}
  'c'
];

欢迎所有提案。 :)

14 个答案:

答案 0 :(得分:12)

你可以用flatMap来做。它可以从lodash找到,例如

_.flatMap([1,2,3,4], (value, index, array) =>
     array.length -1 !== index // check for the last item
     ? [value, "s"]
     : value
);

OUPUTS

[1, "s", 2, "s", 3, "s", 4]

更新

数组#flatMap proposal正在开发中,所以将来这应该可行:

[1, 2, 3, 4].flatMap(
    (value, index, array) =>
        array.length - 1 !== index // check for the last item
            ? [value, "s"]
            : value,
);

答案 1 :(得分:10)

在我看来,最优雅的方法是:

ES6语法版

const insertIntoArray = (arr, value) => {

    return arr.reduce((result, element, index, array) => {

        result.push(element);

        if (index < array.length - 1) {
            result.push(value);
        }

        return result;
    }, []);
};

用法:

insertIntoArray([1, 2, 3], 'x'); // => [1, 'x', 2, 'x', 3]

答案 2 :(得分:6)

普通循环似乎是最好的:

function intersperse(arr, el) {
    var res = [], i=0;
    if (i < arr.length)
        res.push(arr[i++]);
    while (i < arr.length)
        res.push(el, arr[i++]);
    return res;
}

如果您正在寻找优雅的东西,则可能需要使用某种concatMap,如

function concatMap(arr, fn) { return [].concat.apply([], arr.map(fn)); }
function intersperse(arr, el) { return concatMap(arr, x => [el, x]).slice(1); }

答案 3 :(得分:2)

不变的解决方案

当减少数组时,reduce函数不应该改变数组但返回一个新值(在这种情况下是一个新数组)。这样,更改将仅应用于返回的数组而不是原始数组,并且将避免副作用。

const insertBetween = (insertee, array) => array.reduce(
    (acc, item, i, { length }) => {
        if (i && i < length) {
            return [...acc, insertee, item];
        }
        return [...acc, item];
    },
    []
);

答案 4 :(得分:1)

你可以使用reduce(它也是不可变的)来实现这一点。

&#13;
&#13;
const insertBetween = (insertion, array) =>
    array.reduce(
        (newArray, member, i, array) =>
            i < array.length - 1 
                ? newArray.concat(member, insertion) 
                : newArray.concat(member),
        []
    );

const result = insertBetween('and', [1, 2, 3]);

console.log(result);

// outputs;
// [
//   1, 
//   'and', 
//   2, 
//   'and', 
//   3
// ]
&#13;
&#13;
&#13;

或旧的JS语法;

&#13;
&#13;
function insertBetween(insertion, array) {
    const indexOfLastItem = array.length - 1;
    return array.reduce(withInsertion, []);

    function withInsertion(newArray, item, index, array) {
        return index < indexOfLastItem 
            ? newArray.concat(item, insertion) 
            : newArray.concat(item);
    }
}

const result = insertBetween('and', [1, 2, 3]);

console.log(result);

// outputs;
// [
//   1, 
//   'and', 
//   2, 
//   'and', 
//   3
// ]
&#13;
&#13;
&#13;

答案 5 :(得分:1)

Ramda具有intersperse方法,

  

使用元素之间的分隔符创建一个新列表。

代码:

R.intersperse({name: 'separator'}, ['one', 'two', 'three']);

结果:

[
    'one',
    {name: 'separator'},
    'two',
    {name: 'separator'},
    'three'
]

答案 6 :(得分:0)

function insertObject(arr, obj) {
  var result = [];

  function insert(element, index) {
    result.push(element);
    if (index + 1 < arr.length) {
      result.push(obj);
    }
  }
  arr.forEach(insert);
  return result;
}
var a = [1, 2, 3, 4];
insertObject(a, {
  test: 'test'
});

答案 7 :(得分:0)

使用splice作为Kamen建议,您可以执行以下操作:

const numSeparators = arr.length - 1;
for (let i = 1; i <= numSeparators; i++) {
    const index = (i * 2) - 1;
    arr.splice(index, 0, { value: 255 });
}

答案 8 :(得分:0)

对于一个简单的纯功能方式,我建议这样做:

const magicArrayJoin = (array, el) =>
  array.length ?
    array.slice(1).reduce((acc, cur) => acc.concat([el, cur]), [array[0]]) :
    []

p.n。这种方式不是javascript中性能最好的方式

答案 9 :(得分:0)

使用普通ES6的单线:

const interleave = (arr, thing) => [].concat(...arr.map(n => [n, thing])).slice(0, -1)

用法:

interleave(['foo', 'bar', 'baz'], 'avocado')

打印:

> ["foo", "avocado", "bar", "avocado", "baz"]

答案 10 :(得分:0)

const fruits = ['orange', 'apple', 'lemon', 'banana'];
const newFruits = [...fruits.slice(0, 1), 'strawberry', ...fruits.slice(3)];
// = ['orange', 'strawberry', 'banana']

答案 11 :(得分:0)

使用 ES6 flatMap 函数。

const insertBetween = (ele, array) => {
  return array.flatMap((x) => [ele, x]).slice(1);
};

insertBetween('+', [1, 2, 3]);

答案 12 :(得分:-1)

ES6:

const arrayWithSeparator = array.reduce((a, i) => a.length ? a.push(separator) && a.push(i) && a : a.push(u) && a, [])

答案 13 :(得分:-2)

Array.splice()应该这样做:

a.splice(1, 0, {value : 255})

第一个参数是您要删除或插入元素的位置,第二个参数是删除计数,第三个参数(可选)是您要插入的新元素[s]。