如何在JavaScript和de中合并两个数组
我有两个JavaScript数组:
var array1 = ["Vijendra","Singh"];
var array2 = ["Singh", "Shakya"];
我想要的输出是:
var array3 = ["Vijendra","Singh","Shakya"];
输出数组应该重复删除单词。
我如何在JavaScript中合并两个数组,以便我只按照插入原始数组的顺序从每个数组中获取唯一项目?
只需合并数组(不删除重复项)
ES5版本使用Array.concat
:
var array1 = ["Vijendra","Singh"];
var array2 = ["Singh", "Shakya"];
var array3 = array1.concat(array2); // Merges both arrays
// [ 'Vijendra', 'Singh', 'Singh', 'Shakya' ]
ES6版本使用解构
const array1 = ["Vijendra","Singh"];
const array2 = ["Singh", "Shakya"];
const array3 = [...array1, ...array2];
由于没有内置的方法来删除重复项(ECMA-262实际上有Array.forEach
,这对此很有用),所以我们必须手动完成:
Array.prototype.unique = function() {
var a = this.concat();
for(var i=0; i<a.length; ++i) {
for(var j=i+1; j<a.length; ++j) {
if(a[i] === a[j])
a.splice(j--, 1);
}
}
return a;
};
然后,使用它:
var array1 = ["Vijendra","Singh"];
var array2 = ["Singh", "Shakya"];
// Merges both arrays and gets unique items
var array3 = array1.concat(array2).unique();
这也将保持数组的顺序(即不需要排序)。
由于许多人对Array.prototype
原型增强以及for in
循环感到恼火,因此使用它的侵入性较小:
function arrayUnique(array) {
var a = array.concat();
for(var i=0; i<a.length; ++i) {
for(var j=i+1; j<a.length; ++j) {
if(a[i] === a[j])
a.splice(j--, 1);
}
}
return a;
}
var array1 = ["Vijendra","Singh"];
var array2 = ["Singh", "Shakya"];
// Merges both arrays and gets unique items
var array3 = arrayUnique(array1.concat(array2));
对于那些有幸能够使用ES5的浏览器的人来说,你可以像这样使用Object.defineProperty
:
Object.defineProperty(Array.prototype, 'unique', {
enumerable: false,
configurable: false,
writable: false,
value: function() {
var a = this.concat();
for(var i=0; i<a.length; ++i) {
for(var j=i+1; j<a.length; ++j) {
if(a[i] === a[j])
a.splice(j--, 1);
}
}
return a;
}
});
通过Underscore.js或Lo-Dash你可以做到:
_.union([1, 2, 3], [101, 2, 1, 10], [2, 1]);
=> [1, 2, 3, 101, 10]
http://underscorejs.org/#union
http://lodash.com/docs#union
首先连接两个数组,然后滤除唯一的项目。
var a = [1, 2, 3], b = [101, 2, 1, 10];
var c = a.concat(b);
var d = c.filter(function (item, pos) {return c.indexOf(item) == pos});
// d is [1,2,3,101,10]
http://jsfiddle.net/simo/98622/
编辑
正如@Dmitry建议(请参阅下面的第二个评论)更明智的性能解决方案是将筛选出的独特项目b
用在连接前a
var a = [1, 2, 3], b = [101, 2, 1, 10];
var c = a.concat(b.filter(function (item) {
return a.indexOf(item) < 0;
}));
// d is [1,2,3,101,10]
链接地址: http://www.djcxy.com/p/8229.html