JavaScript数组映射

Question

请考虑以下情形;

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

如果我传球达阵一些index的在参数的值，我要分手了我的数组的

例子：

如果数组索引：0,2

预期结果：

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

是否有任何默认方法做到这一点？

Answer 1

Failrly容易Array.reduce

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);

这工作，因为reduce需要被传递3个参数的回调参数 - 传递在我上面的例子

• p种子对象在
• c当前阵列元件
• i当前元素

的索引，并使用该与indexOf沿信息，以确定推到其结果数组。

Answer 2

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 3

您可以使用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 4

你可以使用Array#reduceRight和迭代指数阵列。

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);

Answer 5

您可以使用阵列的方法，如的forEach和包括

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 
 
}));

Answer 6

由于只有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该数组包含要保留的元素的所有索引，只需从array数组中删除其ID不在indexes数组中的所有元素。

Answer 7

在JS Array.prototype.reduceRight()是迭代数组并通过移除项来变形的理想仿函数。因此，我将如下处理这项工作;

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);

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']