Javascript'te bir dizinin başına nasıl yeni dizi öğeleri ekleyebilirim?

Ben bir dizi başında öğeleri eklemek veya başa eklemek gerekir.

Örneğin, dizim aşağıdaki gibi görünüyorsa:

[23, 45, 12, 67]

Ve AJAX çağrımın yanıtı 34, güncel dizi aşağıdaki gibi olmasını istiyorum:

[34, 23, 45, 12, 67]

Şu anda böyle yapmayı planlıyorum:

var newArray = [];
newArray.push(response);

for (var i = 0; i < theArray.length; i++) {
    newArray.push(theArray[i]);
}

theArray = newArray;
delete newArray;

Bunu yapmanın daha iyi bir yolu var mı? Javascript'te bunu yapan herhangi bir yerleşik işlev var mı?

Metodumun karmaşıklığı O(n)ve daha iyi uygulamaları görmek gerçekten ilginç olurdu.

Kullanın unshift. pushDizinin başlangıcına bitiş yerine öğeler eklemesi dışında gibidir .

• unshift/ push- dizinin başına / sonuna bir öğe ekle
• shift/ pop - bir dizinin ilk / son öğesini kaldırır ve döndürür

Basit bir diyagram ...

   unshift -> array <- push
   shift   <- array -> pop

ve grafik:

          add  remove  start  end
   push    X                   X
    pop           X            X
unshift    X             X
  shift           X      X

Check out MDN Dizisi belgelerine . Bir diziden öğeleri itme / pop yapma yeteneğine sahip olan hemen hemen her dil, öğelerin kaydırma / kaydırma (bazen push_front/ olarak da adlandırılır pop_front) yeteneğine sahip olacaktır , bunları asla kendiniz uygulamalısınız.

Yorumlarda belirtildiği gibi, orijinal dizinizi mutasyona uğratmaktan kaçınmak istiyorsanız, concatiki veya daha fazla diziyi birleştiren kullanabilirsiniz. Tek bir elemanı mevcut bir dizinin önüne veya arkasına işlevsel olarak itmek için bunu kullanabilirsiniz; bunu yapmak için yeni öğeyi tek bir öğe dizisine dönüştürmeniz gerekir:

const array = [ 3, 2, 1 ]

const newFirstElement = 4

const newArray = [newFirstElement].concat(array) // [ 4, 3, 2, 1 ]

concatöğeleri de ekleyebilir. Argümanları concatherhangi bir türde olabilir; zaten bir dizi değilse, tek öğeli bir diziye örtülü olarak sarılırlar:

const array = [ 3, 2, 1 ]

const newLastElement  = 0

// Both of these lines are equivalent:
const newArray1 = array.concat(newLastElement)   // [ 3, 2, 1, 0 ]
const newArray2 = array.concat([newLastElement]) // [ 3, 2, 1, 0 ]

ES6 ile forma operatörünü kullanın ...:

DEMO

var arr = [23, 45, 12, 67];
arr = [34, ...arr]; // RESULT : [34,23, 45, 12, 67]

console.log(arr)

Bunu yapmanın başka bir yolu concat

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

Arasındaki fark concatve unshiftolmasıdır concatdöner yeni dizi. Aralarındaki performans burada bulunabilir .

function fn_unshift() {
  arr.unshift(0);
  return arr;
}

function fn_concat_init() {
  return [0].concat(arr)
}

İşte test sonucu

Hızlı Hileleri:

Shift / unshift ve push / pop terimleri, en azından C programlamaya aşina olmayabilecek kişiler için biraz kafa karıştırıcı olabilir.

Lingo'ya aşina değilseniz, işte hatırlamak daha kolay olabilecek alternatif terimlerin hızlı bir çevirisi:

* array_unshift()  -  (aka Prepend ;; InsertBefore ;; InsertAtBegin )     
* array_shift()    -  (aka UnPrepend ;; RemoveBefore  ;; RemoveFromBegin )

* array_push()     -  (aka Append ;; InsertAfter   ;; InsertAtEnd )     
* array_pop()      -  (aka UnAppend ;; RemoveAfter   ;; RemoveFromEnd ) 

bir diziniz var: var arr = [23, 45, 12, 67];

Başlangıca bir öğe eklemek için şunu kullanmak istiyorsunuz splice:

var arr = [23, 45, 12, 67];
arr.splice(0, 0, 34)
console.log(arr);

Mutate olmadan

Aslında tüm unshift/ pushve shift/ pop mutasyon kökenli dizisi.

unshift/ push/ Başlamak sonu ve beri var diziye bir öğe eklemek shift/ popBir dizinin başlangıcı / ucundan bir öğeyi kaldırmak.

Ancak, bir diziye mutasyon olmadan öğe eklemenin birkaç yolu vardır. sonuç yeni bir dizidir, dizinin sonuna eklemek için aşağıdaki kodu kullanın:

const originArray = ['one', 'two', 'three'];
const newItem = 4;

const newArray = originArray.concat(newItem); // ES5
const newArray2 = [...originArray, newItem]; // ES6+

Orijinal dizinin başına eklemek için aşağıdaki kodu kullanın:

const originArray = ['one', 'two', 'three'];
const newItem = 0;

const newArray = (originArray.slice().reverse().concat(newItem)).reverse(); // ES5
const newArray2 = [newItem, ...originArray]; // ES6+

Yukarıdaki yolla, mutasyon olmadan bir dizinin başına / sonuna eklersiniz.

ES6 yıkımını kullanma: (orijinal diziden mutasyondan kaçınma)

const newArr = [item, ...oldArr]

Bir dizinin başına sürekli olarak bir öğe eklemeniz gerekirse , her zaman çağırmak yerine pushifadeleri ve ardından gelen çağrıyı kullanmak daha hızlıdır .reverseunshift

Karşılaştırma testi: http://jsben.ch/kLIYf

Kullanarak splicebir diziye başlangıçta bir öğe ekleriz:

arrName.splice( 0, 0, 'newName1' );