Как добавить что-то в массив?

Как добавить объект (например, строку или число) в массив в JavaScript?

вопрос задан 9.12.2008
interstar
8451 репутация

31 ответов


  • 3470 рейтинг

    Используйте функцию push() для добавления в массив:

     // initialize array
    var arr = [
        "Hi",
        "Hello",
        "Bonjour"
    ];
    
    // append new value to the array
    arr.push("Hola");
    
    console.log(arr); 

    Будет распечатан

     ["Hi", "Hello", "Bonjour", "Hola"]
     

    Вы можете использовать функцию push() для добавления более одного значения в массив в одном вызове:

     // initialize array
    var arr = [ "Hi", "Hello", "Bonjour", "Hola" ];
    
    // append multiple values to the array
    arr.push("Salut", "Hey");
    
    // display all values
    for (var i = 0; i < arr.length; i++) {
        console.log(arr[i]);
    } 

    Будет распечатан

     Hi
    Hello
    Bonjour
    Hola 
    Salut
    Hey
     

    Обновить

    Если вы хотите добавить элементы одного массива в другой массив, вы можете использовать firstArray.concat(secondArray) :

     var arr = [
        "apple",
        "banana",
        "cherry"
    ];
    
    arr = arr.concat([
        "dragonfruit",
        "elderberry",
        "fig"
    ]);
    
    console.log(arr); 

    Будет распечатан

     ["apple", "banana", "cherry", "dragonfruit", "elderberry", "fig"]
     
    ответ дан jdecuyper, с репутацией 3031, 9.12.2008
  • 963 рейтинг

    Если вы добавляете только одну переменную, то push() отлично работает. Если вам нужно добавить другой массив, используйте concat() :

     var ar1 = [1, 2, 3];
    var ar2 = [4, 5, 6];
    
    var ar3 = ar1.concat(ar2);
    
    alert(ar1);
    alert(ar2);
    alert(ar3);
     

    Выплевывает:

     "1,2,3"
    "4,5,6"
    "1,2,3,4,5,6"
     

    Конкат не влияет на ar1 и ar2 если не переназначено, например:

     ar1 = ar1.concat(ar2);
    alert(ar1);
     

    Отобразится:

     "1,2,3,4,5,6"
     

    Много интересной информации здесь

    ответ дан MK_Dev, с репутацией 2677, 9.12.2008
  • 374 рейтинг

    Некоторые быстрые бенчмаркинга (каждый тест = 500 тыс. Добавленных элементов и результаты являются средними из нескольких прогонов) показали следующее:

    Firefox 3.6 (Mac):

    • Малые массивы: arr[arr.length] = b быстрее (300 мс против 800 мс)
    • Большие массивы: arr.push(b) быстрее (500 мс против 900 мс)

    Safari 5.0 (Mac):

    • Малые массивы: arr[arr.length] = b быстрее (90 мс против 115 мс)
    • Большие массивы: arr[arr.length] = b быстрее (160 мс против 185 мс)

    Google Chrome 6.0 (Mac):

    • Малые массивы: нет существенной разницы (и Chrome - БЫСТРО! Только ~ 38 мс!)
    • Большие массивы: нет существенной разницы (160 мс)

    Мне нравится синтаксис arr.push() лучше, но я думаю, что мне было бы лучше с версией arr[arr.length] , по крайней мере, с необработанной скоростью. Мне бы очень хотелось увидеть результаты IE.


    Мои бенчмаркинга:

     function arrpush_small() {
        var arr1 = [];
        for (a = 0; a < 100; a++)
        {
            arr1 = [];
            for (i = 0; i < 5000; i++)
            {
                arr1.push('elem' + i);
            }
        }
    }
    
    function arrlen_small() {
        var arr2 = [];
        for (b = 0; b < 100; b++)
        {
            arr2 = [];
            for (j = 0; j < 5000; j++)
            {
                arr2[arr2.length] = 'elem' + j;
            }
        }
    }
    
    
    function arrpush_large() {
        var arr1 = [];
        for (i = 0; i < 500000; i++)
        {
            arr1.push('elem' + i);
        }
    }
    
    function arrlen_large() {
        var arr2 = [];
        for (j = 0; j < 500000; j++)
        {
            arr2[arr2.length] = 'elem' + j;
        }
    }
     
    ответ дан Jens Roland, с репутацией 23585, 29.09.2010
  • 267 рейтинг

    Я думаю, стоит упомянуть, что push можно вызвать с несколькими аргументами, которые будут добавлены в массив по порядку. Например:

     var arr = ['first'];
    arr.push('second', 'third');
    console.log(arr); // ['first', 'second', 'third']
     

    В результате этого вы можете использовать push.apply для добавления массива в другой массив следующим образом:

     arr.push.apply(arr, ['forth', 'fifth']);
    console.log(arr); // ['first', 'second', 'third', 'forth', 'fifth']
     

    Аннотированный ES5 содержит больше информации о том, что именно делают push и apply .

    2016: с распространением вам больше не нужно apply , например:

     arr.push(...['fourth', 'fifth']);
    console.log(arr) // ['first', 'second', 'third', 'fourth', 'fifth']
     
    ответ дан Omnimike, с репутацией 800, 30.08.2012
  • 67 рейтинг

    Вы можете использовать функции push и apply для добавления двух массивов.

     var array1 = [11, 32, 75];
    var array2 = [99, 67, 34];
    
    Array.prototype.push.apply(array1, array2);
     

    Он добавит от array2 до array1 . Теперь array1 содержит [11, 32, 75, 99, 67, 34] . Этот код намного проще, чем писать for циклов для копирования всех элементов в массиве.

    ответ дан Fizer Khan, с репутацией 32062, 17.03.2014
  • 36 рейтинг

    Если arr - массив, а val - значение, которое вы хотите добавить:

     arr.push(val);
     

    Например

     arr = ['a', 'b', 'c'];
    arr.push('d');
    console.log(arr);
     

    будет регистрироваться:

     ['a', 'b', 'c', 'd']
     
    ответ дан rjmunro, с репутацией 17885, 3.08.2011
  • 36 рейтинг

    Используйте concat :

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

    a теперь содержит все элементы, [1, 2, 3, 3, 4, 5] .

    Ссылка: https://developer.mozilla.org/ru/JavaScript/Reference/Global_Objects/Array/concat

    ответ дан Mαzen, с репутацией 331, 13.08.2011
  • 35 рейтинг

    С новым оператором распространения ES6 объединение двух массивов с использованием push становится еще проще:

     var arr = [1, 2, 3, 4, 5];
    var arr2 = [6, 7, 8, 9, 10];
    arr.push(...arr2);
    console.log(arr); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
     

    Это добавляет содержимое arr2 в конец arr .

    Пример Babel REPL

    ответ дан CodingIntrigue, с репутацией 44210, 9.06.2015
  • 28 рейтинг

    Если вы хотите добавить два массива -

     var a = ['a', 'b'];
    var b = ['c', 'd'];
     

    то вы можете использовать:

     var c = a.concat(b);
     

    И если вы хотите добавить запись g в массив ( var a=[] ), вы можете использовать:

     a.push('g');
     
    ответ дан Pawan Singh, с репутацией 502, 29.08.2014
  • 26 рейтинг

    Javascript со стандартом ECMAScript 5, который теперь поддерживается большинством браузеров, вы можете использовать apply() для добавления array1 к array2 .

     var array1 = [3, 4, 5];
    var array2 = [1, 2];
    
    Array.prototype.push.apply(array2, array1);
    
    console.log(array2); // [1, 2, 3, 4, 5]
     

    Javascript со стандартом ECMAScript 6, который поддерживается Chrome и FF и IE Edge, вы можете использовать оператор spread :

     "use strict";
    let array1 = [3, 4, 5];
    let array2 = [1, 2];
    
    array2.push(...array1);
    
    console.log(array2); // [1, 2, 3, 4, 5]
     

    Оператор spread заменит array2.push(...array1); на array2.push(3, 4, 5); когда браузер будет думать о логике.

    Бонусная точка

    Если вы хотите создать другую переменную для хранения всех элементов из обоих массивов, вы можете сделать это:

    ES5 var combinedArray = array1.concat(array2);

    ES6 const combinedArray = [...array1, ...array2]

    Оператор распространения ( ... ) состоит в том, чтобы разложить все предметы из коллекции.

    ответ дан Zhenyang Hua, с репутацией 1362, 29.11.2015
  • 22 рейтинг

    Метод push() добавляет новые элементы в конец массива и возвращает новую длину. Пример:

     var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.push("Kiwi");
    
    // The result of fruits will be:
    Banana, Orange, Apple, Mango, Kiwi
     

    На точный ответ на ваш вопрос уже дан ответ, но давайте рассмотрим другие способы добавления элементов в массив.

    Метод unshift() добавляет новые элементы в начало массива и возвращает новую длину. Пример:

     var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.unshift("Lemon", "Pineapple");
    
    // The result of fruits will be:
    Lemon, Pineapple, Banana, Orange, Apple, Mango
     

    И, наконец, метод concat() используется для объединения двух или более массивов. Пример:

     var fruits = ["Banana", "Orange"];
    var moreFruits = ["Apple", "Mango", "Lemon"];
    var allFruits = fruits.concat(moreFruits);
    
    // The values of the children array will be:
    Banana, Orange, Apple, Mango, Lemon
     
    ответ дан Maarten Peels, с репутацией 750, 7.05.2015
  • 18 рейтинг

    Есть несколько способов добавить массив в JavaScript:

    1) Метод push() добавляет один или несколько элементов в конец массива и возвращает новую длину массива.

     var a = [1, 2, 3];
    a.push(4, 5);
    console.log(a); 

    Вывод:

     [1, 2, 3, 4, 5]
     

    2) Метод unshift() добавляет один или несколько элементов в начало массива и возвращает новую длину массива:

     var a = [1, 2, 3];
    a.unshift(4, 5);
    console.log(a);  

    Вывод:

     [4, 5, 1, 2, 3]
     

    3) Метод concat() используется для объединения двух или более массивов. Этот метод не изменяет существующие массивы, но вместо этого возвращает новый массив.

     var arr1 = ["a", "b", "c"];
    var arr2 = ["d", "e", "f"];
    var arr3 = arr1.concat(arr2);
    console.log(arr3); 

    Вывод:

     [ "a", "b", "c", "d", "e", "f" ]
     

    4) Вы можете использовать свойство массива .length для добавления элемента в конец массива:

     var ar = ['one', 'two', 'three'];
    ar[ar.length] = 'four';
    console.log( ar );  

    Вывод:

      ["one", "two", "three", "four"]
     

    5) Метод splice() изменяет содержимое массива путем удаления существующих элементов и /или добавления новых элементов:

     var myFish = ["angel", "clown", "mandarin", "surgeon"];
    myFish.splice(4, 0, "nemo");
    //array.splice(start, deleteCount, item1, item2, ...)
    console.log(myFish); 

    Вывод:

     ["angel", "clown", "mandarin", "surgeon","nemo"]
     

    6) Вы также можете добавить новый элемент в массив просто указав новый индекс и присвоив значение:

     var ar = ['one', 'two', 'three'];
    ar[3] = 'four'; // add new element to ar
    console.log(ar); 

    Вывод:

     ["one", "two","three","four"]
     
    ответ дан Inconnu, с репутацией 3347, 2.12.2016
  • 16 рейтинг

    Если вы знаете самый высокий индекс (например, хранящийся в переменной «i»), вы можете сделать

     myArray[i + 1] = someValue;
     

    Однако, если вы не знаете, тогда вы можете использовать

     myArray.push(someValue);
     

    как и другие ответы, или вы можете использовать

     myArray[myArray.length] = someValue; 
     

    Обратите внимание, что массив равен нулю, поэтому .length возвращает самый высокий индекс плюс один.

    Также обратите внимание, что вам не нужно добавлять по порядку, и вы можете фактически пропустить значения, как в

     myArray[myArray.length + 1000] = someValue;
     

    В этом случае значения между значениями будут иметь значение undefined.

    Поэтому хорошей практикой является обращение к JavaScript для проверки того, что фактически существует значение в этой точке.

    Это может быть сделано следующим образом:

     if(myArray[i] === "undefined"){ continue; }
     

    если вы уверены, что у вас нет нулей в массиве, вы можете просто сделать:

     if(!myArray[i]){ continue; }
     

    Конечно, убедитесь, что в этом случае вы не используете в качестве условия myArray [i] (как некоторые люди из Интернета предлагают на основании того, что, как только i будет больше, чем самый высокий индекс, он вернется undefined, который оценивается ложный)

    ответ дан yoel halb, с репутацией 8285, 15.08.2012
  • 12 рейтинг

    Теперь вы можете использовать синтаксис ES6 и просто:

     let array = [1, 2];
    console.log([...array, 3]); 

    сохраняя неизменный массив.

    ответ дан José Antonio Postigo, с репутацией 818, 22.02.2017
  • 10 рейтинг

    Пусть свойство длины массива выполняет работу:

     myarray[myarray.length] = 'new element value added to the end of the array';
     

    myarray.length возвращает количество строк в массиве. JS равен нулю, поэтому следующий ключ элемента массива будет текущей длиной массива. EX:

     var myarray = [0, 1, 2, 3],
        myarrayLength = myarray.length; //myarrayLength is set to 4
     
    ответ дан hawkeye126, с репутацией 2655, 18.09.2014
  • 9 рейтинг

    concat() , конечно, можно использовать и с 2-мерными массивами. Не требуется цикл.

    var a = [[1, 2], [3, 4]];

    var b = [["a", "b"], ["c", "d"]];

    b = b.concat (a);

    оповещение (б [2] [1]); //результат 2

    ответ дан Karl, с репутацией 1103, 28.10.2015
  • 9 рейтинг

    Просто хочу добавить фрагмент для неразрушающего добавления элемента.

     var newArr = oldArr.concat([newEl]);
     
    ответ дан Danil Gaponov, с репутацией 1159, 21.07.2015
  • 6 рейтинг

    вы можете сделать это, используя новый javascript Es 6:

     // initialize array
    
    var arr = [
        "Hi",
        "Hello",
        "Bangladesh"
    ];
    
    // append new value to the array
    
    arr= [...arr , "Feni"];
    
    // or you can put a variable value
    
    var testValue = "Cool";
    
    arr = [...arr , testValue ];
    
    console.log(arr); 
    
    // final output  [ 'Hi', 'Hello', 'Bangladesh', 'Feni', 'Cool' ]
     
    ответ дан Hoque MD Zahidul, с репутацией 1101, 24.10.2017
  • 5 рейтинг

    если вы хотите объединить 2 массива без дубликата, вы можете попробовать код ниже

     array_merge = function (arr1, arr2) {
      return arr1.concat(arr2.filter(function(item){
        return arr1.indexOf(item) < 0;
      }))
    }
     

    Применение:

     array1 = ['1', '2', '3']
    array2 = ['2', '3', '4', '5']
    combined_array = array_merge(array1, array2)
     

    Выход: [1,2,3,4,5]

    ответ дан Emil Reña Enriquez, с репутацией 1871, 18.03.2016
  • 5 рейтинг

    Если вы используете ES6, вы можете использовать оператор спрэда для этого.

     var arr = [
        "apple",
        "banana",
        "cherry"
    ];
    
    var arr2 = [
        "dragonfruit",
        "elderberry",
        "fig"
    ];
    
    arr.push(...arr2);
     
    ответ дан JmLavoier, с репутацией 126, 29.09.2016
  • 4 рейтинг

    Вы .push () это значение в. Пример: array.push (value);

    ответ дан Jack, с репутацией 142, 13.06.2017
  • 4 рейтинг

    Если вы хотите добавить одно значение в массив, просто используйте метод push ... Он добавит новый элемент в конец массива. Но если вы намерены добавить несколько элементов, тогда сохраните элементы в новом массиве и соедините второй массив с первым массивом ... любым способом.

     arr=['a','b','c'];
    arr.push('d');
    //now print the array in console.log and it will contain 'a','b','c','d' as elements.
     
    ответ дан Satyapriya Mishra, с репутацией 104, 17.02.2016
  • 4 рейтинг

    Добавить значение в массив

    Поскольку Array.prototype.push добавляет один или несколько элементов в конец массива и возвращает новую длину массива , иногда мы хотим просто получить новый обновленный массив, чтобы мы могли сделать что-то вроде этого:

     const arr = [1, 2, 3];
    const val = 4;
    
    arr.concat([val]); // [1, 2, 3, 4]
     

    Или просто:

     [...arr, val] // [1, 2, 3, 4]
     
    ответ дан Lior Elrom, с репутацией 6468, 26.05.2018
  • 3 рейтинг

    Добавить единый элемент

     //Append at first
    arrName.push('newName1');
    
    //Append at last
    arrName.unshift('newName1');
    
    //Append at index 1
    arrName.splice(1, 0,'newName1');
    //1: index number, 0: number of element to remove, newName1: new element
    
    
    //Append at index 3
    arrName[3] = 'newName1';
     

    Добавить несколько элементов

     //Append from index number 1
    arrName.splice(1, 0,'newElemenet1', 'newElemenet2', 'newElemenet3');
    //1: index number from where append start, 
    //0: number of element to remove, 
    //newElemenet1,2,3: new elements
     

    Добавить массив

     //join two or more array
    arrName.concat(newAry1, newAry2);
    //newAry1,newAry2: Two different array which is to be append to the existing array
     
    ответ дан Srikrushna Pal, с репутацией 321, 28.06.2018
  • 2 рейтинг

    У нас нет функции append для Array в javascript, но у нас есть push и unshift , представьте, что у вас есть массив ниже:

     var arr = [1, 2, 3, 4, 5];
     

    и нам нравится добавлять значение к этому массиву, мы можем сделать, arr.push (6), и он добавит 6 к концу массива:

     arr.push(6); // return [1, 2, 3, 4, 5, 6];
     

    также мы можем использовать unshift, посмотрим, как мы можем применить это:

     arr.unshift(0); //return [0, 1, 2, 3, 4, 5];
     

    Они являются основными функциями добавления или добавления новых значений в массивы.

    ответ дан Alireza, с репутацией 39782, 14.05.2017
  • 1 рейтинг

    Вы можете использовать метод push.

     Array.prototype.append = function(destArray){
         destArray = destArray || [];
         this.push.call(this,...destArray);
         return this;
    }
    var arr = [1,2,5,67];
    var arr1 = [7,4,7,8];
    console.log(arr.append(arr1));// [7, 4, 7, 8, 1, 4, 5, 67, 7]
    console.log(arr.append("Hola"))//[1, 2, 5, 67, 7, 4, 7, 8, "H", "o", "l", "a"]
     
    ответ дан Sanu Uthaiah Bollera, с репутацией 580, 17.01.2018
  • 0 рейтинг

    Добавить один элемент

    Чтобы добавить один элемент в массив, используйте метод push() предоставляемый объектом Array:

     const fruits = ['banana', 'pear', 'apple']
    fruits.push('mango')
    console.log(fruits) 

    push() мутирует исходный массив.

    Чтобы создать новый массив, используйте метод concat() Array:

     const fruits = ['banana', 'pear', 'apple']
    const allfruits = fruits.concat('mango')
    console.log(allfruits) 

    Обратите внимание: concat() фактически не добавляет элемент в массив, но создает новый массив, который вы можете назначить другой переменной, или переназначить исходный массив (объявив его как let , так как вы не можете переназначить const ):

     const fruits = ['banana', 'pear', 'apple']
    const allfruits = fruits.concat('mango')
    console.log(allfruits) 

    js let fruits = ['banana', 'pear', 'apple'] fruits = fruits.concat('mango')

    Добавить несколько элементов

    Чтобы добавить несколько элементов в массив, вы можете использовать push() , вызвав его несколькими аргументами:

     const fruits = ['banana', 'pear', 'apple']
    fruits.push('mango', 'melon', 'avocado')
    console.log(fruits) 

    Вы также можете использовать метод concat() который вы видели раньше, передавая список элементов, разделенных запятой:

     const fruits = ['banana', 'pear', 'apple']
    const allfruits = fruits.concat('mango', 'melon', 'avocado')
    console.log(allfruits) 

    или массив:

     const fruits = ['banana', 'pear', 'apple']
    const allfruits = fruits.concat(['mango', 'melon', 'avocado'])
    console.log(allfruits) 

    Помните, что, как описано ранее, этот метод не мутирует исходный массив, но возвращает новый массив.

    Первоначально опубликовано на https://flaviocopes.com/how-to-append-item-to-array/

    ответ дан Flavio Copes, с репутацией 1509, 19.06.2018
  • 0 рейтинг

    Вы можете использовать push (), если хотите добавить значения, например arr.push("Test1", "Test2");

    Если у вас есть массив, вы можете использовать concat (), например, Array1.concat(Array2)

    Если у вас есть только один элемент для добавления, вы также можете попробовать длину menthod, например, array[aray.length] = 'test';

    ответ дан Aditya, с репутацией 162, 22.08.2018
  • 0 рейтинг

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

    Чтобы добавить объект (например, строку или число) к массиву, используйте -
    array.push(toAppend);

    ответ дан Harunur Rashid, с репутацией 709, 30.05.2018
  • 0 рейтинг

    Использование метода push() добавит элемент в массив. См. Пример ниже.

      array=['a','b','c'];
     array.push('d')
     console.log(array);   

    ответ дан George Bailey, с репутацией 7612, 2.11.2017
  • 0 рейтинг

    Добавление элементов в массив

     let fruits =["orange","banana","apple","lemon"]; /*array declaration*/
    
    fruits.push("avacado"); /* Adding an element to the array*/
    
    /*displaying elements of the array*/
    
    for(var i=0; i < fruits.length; i++){
      console.log(fruits[i]);
    }
     
    ответ дан Ir Calif, с репутацией 139, 7.08.2018