Question

考虑以下情况;

var defaultArr = ['a', 'b', 'c', 'd'];
var availArr = [];
var selectedArr = [];

如果我在参数中传递了一些index的值，我需要拆分我的数组

示例：

如果数组索引：0,2

预期结果：

availArr = ['b', 'd'];
selectedArr = ['a', 'c'];

是否有任何默认方法可以实现此目的？

Answer 1

使用Array.reduce

非常容易

＆＃13;

var defaultArr = ['a', 'b', 'c', 'd'];
var indexes = [0,2];

var result = defaultArr.reduce(function(p, c, i){
  if(indexes.indexOf(i)>-1)
    p.selectedArr.push(c);
  else
    p.availArr.push(c);
  return p;
}, {availArr: [], selectedArr:[]});;


console.log('availArr',result.availArr);
console.log('selectedArr',result.selectedArr);

＆＃13;

这是有效的，因为reduce采用了一个回调参数，该参数传递了3个参数 - 在上面的例子中

p传入的种子对象
c当前数组元素
i当前元素的索引

并使用该信息和indexOf来确定要推送到哪个结果数组。

Answer 2

您可以使用Array#reduceRight并迭代indices数组。

＆＃13;

var defaultArr = ['a', 'b', 'c', 'd'],
    availArr = defaultArr.slice(),
    selectedArr = [],
    indices = [0, 2];

indices.reduceRight(function (_, a) {
    selectedArr.unshift(availArr.splice(a, 1)[0]);
}, 0);

console.log(availArr);
console.log(selectedArr);

＆＃13;

Answer 3

var defaultArr = ['a', 'b', 'c', 'd'];
var availArr = [];
var selectedArr = [];


function splitArray(indexes) {
  availArr = defaultArr; 
  indexes.forEach(function(idx) {
    let item = availArr.splice(idx, 1)[0];
    selectedArr.push(item);
  })
}

splitArray([0, 2]);

console.log(availArr);
console.log(selectedArr);

Answer 4

您可以使用 forEach 等阵列方法，包含

＆＃13;

var given = ['a', 'b', 'c', 'd'];
var indexes = [0, 2];
var available = [];
var selected = [];

given.forEach(function (v, i) {
  if (indexes.includes(i)) {
    selected.push(v);
  } else {
    available.push(v);
  }
});

document.write(JSON.stringify({
  given: given,
  available: available,
  selected: selected
}));

＆＃13;

Answer 5

在JS中Array.prototype.reduceRight()是迭代数组并通过删除项来变形的理想函子。因此，我将接受以下工作;

＆＃13;

var defaultArr = ['a', 'b', 'c', 'd'],
       indices = [0, 2];
        result = defaultArr.reduceRight((p,c,i,a) => indices.includes(i) ? p.concat(a.splice(i,1)) : p ,[]);
console.log(defaultArr,result);

＆＃13;

Answer 6

您可以使用array.splice + array.concat来实现此目标

var defaultArr = ['a', 'b', 'c', 'd'];
var availArr = [];
var selectedArr = [];

function parseIndexes(indexArr){
  var deleteCount = 0;
  availArr = defaultArr.map(x=>x);
  indexArr.forEach(function(i){
    selectedArr = selectedArr.concat(availArr.splice(i-deleteCount,1))
    deleteCount++;
  });   
  console.log(availArr, selectedArr)
}

parseIndexes([0,2])

Answer 7

只有Array.filter

var array = ['a', 'b', 'c', 'd'];
var indexes = [0, 2]
array.filter(function(el, i) { 
    return indexes.indexOf(i) !== -1 
});

// ["a", "c"]

使用array元素，对象，字符串的数组......以及indexes包含要保留的元素的所有索引的数组，只需从{{1}中删除}数组所有id不在array数组中的元素。

Answer 8

可以通过Array.map：

在一行中获取所有选定条目的数组

var defaultArr = ['a', 'b', 'c', 'd']
var index = [0,2]
var selectedArr = index.map(i => defaultArr[i]) //=> ['a', 'c']

然后可以检索剩余条目的数组，例如与the Ramda's difference operator：

var availArr = R.difference(defaultArr, selectedArr) //=> ['b', 'd']

JavaScript数组映射

8 个答案: