N dizilerini birleştirmenin en etkili yolu nedir?

JavaScript'teki nesnelerin N dizilerini birleştirmenin en etkili yolu nedir?

Diziler değiştirilebilir ve sonuç giriş dizilerinden birinde saklanabilir.

İkiden fazla diziyi birleştiriyorsanız, concat()kolaylık ve olası performans için bir yoldur.

var a = [1, 2], b = ["x", "y"], c = [true, false];
var d = a.concat(b, c);
console.log(d); // [1, 2, "x", "y", true, false];

Yalnızca iki diziyi birleştirmek pushiçin, diziye eklenecek öğelerden oluşan birden fazla bağımsız değişkeni kabul eden gerçek, yeni bir dizi üretmeden bir diziden diğerinin sonuna öğeler eklemek için kullanılabilir. Bununla slice()birlikte de kullanılabilir, concat()ancak bunu yapmaktan hiçbir performans avantajı yoktur .

var a = [1, 2], b = ["x", "y"];
a.push.apply(a, b);
console.log(a); // [1, 2, "x", "y"];

ECMAScript 2015 ve sonraki sürümlerde, bu daha da azaltılabilir

a.push(...b)

Bununla birlikte, büyük diziler için (100.000 veya daha fazla üyeden oluşan), bir dizi öğeyi push(ya apply()ECMAScript 2015 forma operatörünü kullanarak veya kullanarak ) geçiren teknik başarısız olabilir. Bu tür diziler için, bir döngü kullanmak daha iyi bir yaklaşımdır. Ayrıntılar için https://stackoverflow.com/a/17368101/96100 adresine bakın.

[].concat.apply([], [array1, array2, ...])

düzenleme : verimlilik kanıtı: http://jsperf.com/multi-array-concat/7

edit2 : Tim Supinie yorumlarda bunun yorumlayıcı çağrı yığını boyutunu aşmasına neden olabileceğinden bahseder. Bu belki de js motoruna bağlıdır, ancak en azından Chrome'da "Maksimum çağrı yığını boyutu aşıldı". Test durumda: [].concat.apply([], Array(300000).fill().map(_=>[1,2,3])). (Şu anda kabul edilen cevabı kullanarak da aynı hatayı aldım, bu yüzden bu tür kullanım durumlarını tahmin etmek veya başkaları için bir kütüphane oluşturmak, hangi çözümü seçerseniz seçin, özel testler gerekebilir.)

ES2015 (ES6) kullanan kişiler için

Şimdi dizileri birleştirmek için Spread Sözdizimini kullanabilirsiniz:

const arr1 = [0, 1, 2],
      arr2 = [3, 4, 5];

const result1 = [...arr1, ...arr2]; // -> [0, 1, 2, 3, 4, 5]

// or...

const result2 = [...arr2, ...arr1]; // -> [3, 4, 5, 0, 1, 2]

concat()Yöntem, iki ya da daha fazla dizi birleştirmek için kullanılır. Varolan dizileri değiştirmez, yalnızca birleştirilen dizilerin bir kopyasını döndürür.

array1 = array1.concat(array2, array3, array4, ..., arrayN);

Birden çok dizinin birleştirmesini işlemek için Array.prototype.concat.apply öğesini kullanın:

var resultArray = Array.prototype.concat.apply([], arrayOfArraysToConcat);

Misal:

var a1 = [1, 2, 3],
    a2 = [4, 5],
    a3 = [6, 7, 8, 9];
Array.prototype.concat.apply([], [a1, a2, a3]); // [1, 2, 3, 4, 5, 6, 7, 8, 9]

Sonucu harita / filtre / sıralama vb. Yoluyla boruların ortasındaysanız ve dizi dizisini bitirmek istiyorsanız, reduce

let sorted_nums = ['1,3', '4,2']
  .map(item => item.split(','))   // [['1', '3'], ['4', '2']]
  .reduce((a, b) => a.concat(b))  // ['1', '3', '4', '2']
  .sort()                         // ['1', '2', '3', '4']

Birden çok dizi ve ES6 dizisi için şunu kullanın:

Array.prototype.concat(...arr);

Örneğin:

const arr = [[1, 2, 3], [4, 5, 6], [7, 8 ,9]];
const newArr = Array.prototype.concat(...arr);
// output: [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]

Şimdi kullanarak çoklu dizileri birleştirebiliriz ES6 Spread. concat()Dizileri birleştirmek için kullanmak yerine, birden çok diziyi düzleştirilmiş bir dizide birleştirmek için forma sözdizimini kullanmayı deneyin. Örneğin:

var a = [1,2];
var b = [3,4];
var c = [5,6,7];
var d = [...a, ...b, ...c];
// resulting array will be like d = [1,2,3,4,5,6,7]

böyle çözüldü.

let arr = [[1, 2], [3, 4], [5, 6]];
 console.log([].concat(...arr));

Performansı karşılaştırmak için jsperf.com sitesini kullanabilirsiniz . İşte concat bağlantısı .

Arasında karşılaştırma eklendi:

var c = a.concat(b);

ve:

var c = [];
for (i = 0; i < a.length; i++) {
    c.push(a[i]);
}
for (j = 0; j < b.length; j++) {
    c.push(b[j]);
}

İkincisi kromda neredeyse 10 kat daha yavaştır.

Concat fonksiyonu ile kolayca:

var a = [1,2,3];
var b = [2,3,4];
a = a.concat(b);
>> [1,2,3,2,3,4]

Burada, çok sayıda diziyi birleştirebileceğiniz bir işlev var

function concatNarrays(args) {
    args = Array.prototype.slice.call(arguments);
    var newArr = args.reduce( function(prev, next) {
       return prev.concat(next) ;
    });

    return newArr;
}

Misal -

console.log(concatNarrays([1, 2, 3], [5, 2, 1, 4], [2,8,9]));

çıktı olacak

[1,2,3,5,2,1,4,2,8,9]

Diziyi Push ile Birleştir :

const array1 = [2, 7, 4];
const array2 = [3, 5,9];
array1.push(...array2);
console.log(array1)

Concat ve Spread operatörünü kullanma :

const array1 = [1,2];
const array2 = [3,4];

// Method 1: Concat 
const combined1 = [].concat(array1, array2);

// Method 2: Spread
const combined2 = [...array1, ...array2];

console.log(combined1);
console.log(combined2);

Dizileriniz varsa ve öğeleri tek bir diziye birleştirmek istiyorsanız, aşağıdaki kodu deneyin (ES2015 gerektirir):

let arrOfArr = [[1,2,3,4],[5,6,7,8]];
let newArr = [];
for (let arr of arrOfArr) {
    newArr.push(...arr);
}

console.log(newArr);
//Output: [1,2,3,4,5,6,7,8];

Veya işlevsel programlama yapıyorsanız

let arrOfArr = [[1,2,3,4],[5,6,7,8]];
let newArr = arrOfArr.reduce((result,current)=>{
    result.push(...current);
    return result;
});

console.log(newArr);
//Output: [1,2,3,4,5,6,7,8];

Ya da yayma operatörü olmadan ES5 sözdizimi ile daha da iyi

var arrOfArr = [[1,2,3,4],[5,6,7,8]];
var newArr = arrOfArr.reduce((result,current)=>{
    return result.concat(current);
});
console.log(newArr);
//Output: [1,2,3,4,5,6,7,8];

Eğer hayır bilmiyorsanız bu şekilde kullanışlıdır. kod zamanında diziler.

ES6 ile kısaltın.

new Set([].concat(...Array));

Bu , çoklu dizileri birleştirir ve benzersiz kılar ;

Kod üzerinde demo

burada 'n' bir dizi dizi, belki de bir dizi dizidir. . .

var answer = _.reduce (n, fonksiyon (a, b) {dönüş a.concat (b)})

Birleştirilecek yalnızca iki dizi varsa ve aslında yeni bir tane oluşturmak yerine dizilerden birini eklemeniz gerekiyorsa , itme veya döngü gitmenin yoludur.

Deney: https://jsperf.com/concat-small-arrays-vs-push-vs-loop/

bunu dene:

i=new Array("aaaa", "bbbb");
j=new Array("cccc", "dddd");

i=i.concat(j);

N dizileri veritabanından alınmış ve sabit kodlanmamışsa, ES6 kullanarak bunu yapacağım

let get_fruits = [...get_fruits , ...DBContent.fruit];