Как я могу добавить новые элементы массива в начале массива в Javascript?

Question

Мне нужно добавить или добавить элементы в начале массива.

Например, если мой массив выглядит следующим образом:

[23, 45, 12, 67]

И ответ от моего AJAXВызов 34, я хочу, чтобы обновленный массив был похож на:

[34, 23, 45, 12, 67]

В настоящее время я планирую сделать это так:

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

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

theArray = newArray;
delete newArray;

Есть ли лучший способсделать это?Есть ли в Javascript какая-либо встроенная функциональность, которая делает это?

Сложность моего метода O(n), и было бы действительно интересно увидеть лучшие реализации.

Answer 1

Использование unshift. Это похоже на push, за исключением того, что он добавляет элементы в начало массива вместо конца.

• unshift / push - добавить элемент в начало / конец массива
• shift / pop - удалить и вернуть первый / последний элемент массива

Простая диаграмма ...

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

и диаграмма:

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

Ознакомьтесь с документацией MDN Array . Практически каждый язык, который имеет возможность выталкивать / извлекать элементы из массива, будет также иметь возможность сдвигать / сдвигать (иногда называемые push_front / pop_front) элементы, вам никогда не придется реализовывать их самостоятельно.

---

Как указано в комментариях, если вы хотите избежать изменения исходного массива, вы можете использовать concat, который объединяет два или более массивов вместе. Вы можете использовать это, чтобы функционально выдвинуть один элемент в начало или конец существующего массива; для этого вам нужно превратить новый элемент в массив из одного элемента:

const array = [ 3, 2, 1 ]

const newFirstElement = 4

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

concat также может добавлять элементы. Аргументы concat могут быть любого типа; они неявно заключены в одноэлементный массив, если они еще не являются массивом:

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 ]

Answer 2

var a = [23, 45, 12, 67];
a.unshift(34);
console.log(a); // [34, 23, 45, 12, 67]

Answer 3

В ES6 используйте оператор распространения ...:

DEMO

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

console.log(arr)

Answer 4

Еще один способ сделать это через concat

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

Разница между concat и unshift заключается в том, что concat возвращает новый массив.Производительность между ними можно найти здесь .

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

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

Вот результат теста

Answer 5

Quick Cheats:

Термины shift / unshift и push / pop могут быть немного запутанными, по крайней мере, для людей, которые могут быть не знакомы с программированием на C.

Если вы не знакомы с жаргоном, вот краткий перевод альтернативных терминов, который может быть легче запомнить:

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

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

Answer 6

у вас есть массив: var arr = [23, 45, 12, 67];

Чтобы добавить элемент в начало, вы хотите использовать splice:

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

Answer 7

push() добавляет новый элемент в конец массива.
pop() удаляет элемент из конца массива.

unshift() добавляет новый элемент в началомассив.
shift() удаляет элемент из начала массива.

use theArray.unshift(response)

Answer 8

var testdata = new Array();
testdata = [23, 45, 12, 67];
testdata = [34, ...testdata]; 
console.log(testdata)

Answer 9

без мутирования

На самом деле, все unshift / push и shift / pop мутируют исходный массив.

unshift / push добавляет элемент в существующий массив из начала / конца и shift / pop удаляет элемент из начала / конца массива.

Но есть способ добавлять элементы в массив без мутации. В результате получается новый массив, для добавления в конец массива используйте следующий код:

const originArray = ['one', 'two', 'three'];
const newItem = 4;
const newArray = originArray.concat(newItem);

Для добавления в начало оригинального массива используйте следующий код:

const originArray = ['one', 'two', 'three'];
const newItem = 0;
const newArray = (originArray.reverse().concat(newItem)).reverse();

Вышеописанным способом вы добавляете в начало / конец массива без мутации.

Answer 10

var array = [23, 45, 12, 67];  
array.unshift(11);  
alert(array);