Рубрики

Удалить элементы из массива JavaScript

Массив JavaScript — это отдельная переменная, которая используется для хранения элементов или группы значений. Вы можете добавлять или удалять элементы из массива в любой позиции. В этой статье мы обсудим различные способы удаления элементов из массива. Есть много методов, которые используются для удаления элементов из массива JavaScript, которые обсуждаются ниже:

  • Функция pop () : этот метод используется для удаления элементов из конца массива.
  • Функция shift (): этот метод используется для удаления элементов из начала массива.
  • Функция splice (): этот метод используется для удаления элементов из определенного индекса массива.
  • Функция filter (): этот метод используется для программного удаления элементов.

Примечание. Существуют и другие методы, которые создаются встроенными методами JavaScript.

Ниже приведены примеры, иллюстрирующие методы удаления элементов из массива JavaScript:

Удалить элементы Array с помощью метода pop (): этот метод используется для удаления последнего элемента массива и возвращает удаленный элемент. Эта функция уменьшает длину массива на 1.

  • Пример 1:

    <script> 
    // JavaScript код для иллюстрации функции pop ()
    // удалить элементы массива

      

    function func() { 

        var arr = ["shift", "splice", "filter", "pop"]; 

      

        // извлекаем последний элемент из массива

        var popped = arr.pop(); 

        document.write("Removed element: " + popped + "<br>"); 

        document.write("Remaining elements: " + arr); 


    func(); 
    </script> 

  • Выход:
    Removed element: pop
    Remaining elements: shift, splice, filter
  • Пример 2:

    <script> 
    // Объявляем и инициализируем массив

    var array = ["pop", "splice", "filter", "shift"]

      

    document.write("Original array: " + array + "<br>")

      
    // цикл запускается, когда длина массива не равна нулю

    while (array.length) {

      

        // Удалить элементы из массива

        array.pop();

    }

    document.write("Array Length: " + array.length )

      
    </script>

  • Выход:
    Original array: pop, splice, filter, shift
    Array Length: 0

Удалить элементы Array с помощью метода shift (): этот метод используется для удаления первого элемента массива и уменьшения размера исходного массива на 1.

  • Пример:

    <script> 
    // JavaScript код для иллюстрации метода shift ()
    // удалить элементы из массива

    function func() { 

        var arr = ["shift", "splice", "filter", "pop"]; 

      

        // Удаление первого элемента из массива

        var shifted = arr.shift(); 

        document.write("Removed element: " + shifted + "<br>"); 

        document.write("Remaining elements: " + arr); 


    func(); 
    </script>                    

  • Выход:
    Removed element: shift
    Remaining elements: splice, filter, pop

Удалите элементы Array с помощью метода splice (): этот метод используется для изменения содержимого массива путем удаления существующих элементов и / или путем добавления новых элементов. Для удаления элементов методом splice () вы можете указывать элементы по-разному.

  • Пример 1. Использование метода индексации сплайсинга для удаления элементов из массива JavaScript.

    <script> 
    // JavaScript код для иллюстрации функции splice ()

      

    function func() { 

        var arr = ["shift", "splice", "filter", "pop"]; 

      

        // Удаление указанного элемента из массива

        var spliced = arr.splice(1, 1); 

        document.write("Removed element: " + spliced + "<br>"); 

        document.write("Remaining elements: " + arr); 


    func(); 
    </script>                    

  • Выход:
    Removed element: splice
    Remaining elements: shift, filter, pop
  • Пример 2. Использование значения метода splice для удаления элементов из массива JavaScript.

    <script>

      
    // JavaScript код для иллюстрации функции splice ()

    function func() {

        var arr = ["shift", "splice", "filter", "pop"];

      

        // Удаление указанного элемента по значению из массива

        for (var i = 0; i < arr.length; i++) {

            if (arr[i] === "splice") {

                var spliced = arr.splice(i, 1);

                document.write("Removed element: " + spliced + "<br>");

                document.write("Remaining elements: " + arr);

            }

        }

    }
    func(); 
    </script>                

  • Выход:
    Removed element: splice
    Remaining elements: shift, filter, pop
  • Пример 3. Использование метода splice для удаления каждого элемента из массива JavaScript.

    <script> 
    // Объявляем и инициализируем массив

    var array = ["pop", "splice", "filter", "shift"]

      

    document.write("Original array: " + array + "<br>")

      
    // Делаем длину массива равной 0, используя метод соединения
    array.splice(0, array.length);

    document.write("Empty array: " + array )

    </script>

  • Выход:
    Original array: pop, splice, filter, shift
    Empty array:

Удалите элементы Array с помощью метода filter (): этот метод используется для создания нового массива из данного массива, состоящего только из тех элементов из данного массива, которые удовлетворяют условию, установленному функцией аргумента. Для удаления элементов методом filter () вы можете указывать элементы по-разному.

  • Пример: используйте значение метода filter для удаления элементов из массива JavaScript.

    <script> 

      
    // JavaScript для иллюстрации метода filter ()

    function isPositive( value ) { 

        return value > 0; 

      

    function func() { 

        var filtered = [101, 98, 12, -1, 848].filter( isPositive ); 

        document.write("Positive elements in array: " + filtered); 


    func(); 
    </script>

  • Выход:
    Positive elements in array: 101, 98, 12, 848

Удаление элементов массива с помощью метода «Удалить». Создание метода удаления с использованием метода фильтра для удаления элементов из массива JavaScript. Этот метод работает в обратном порядке.

  • Пример:

    <script> 

      
    // Объявляем и инициализируем массив

    var array = ["lowdash", "remove", "delete", "reset"]

      
    // Использование метода фильтра для создания метода удаления

    function arrayRemove(arr, value) {

      

       return arr.filter(function(geeks){

           return geeks != value;

       });

      
    }

      

    var result = arrayRemove(array, "delete");

    document.write("Remaining elements: " + result)

    </script> 

  • Выход:
    Remaining elements: lowdash, remove, reset

Удалить элементы массива с помощью оператора удаления. Используйте оператор удаления, чтобы удалить элементы из массива JavaScript.

  • Пример:

    <script> 

      
    // Объявляем и инициализируем массив

    var array = ["lowdash", "remove", "delete", "reset"]

      
    // Удалить элемент по индексу 2

    var deleted = delete array[2]; 

      

    document.write("Removed: " + deleted + "<br>");

    document.write("Remaining elements: " + array);

    </script>         

  • Выход:
    Removed: true
    Remaining elements: lowdash, remove,,reset

Удалить элементы массива с помощью оператора «Очистить и сбросить»: используйте оператор очистки и сброса, чтобы удалить элементы из массива JavaScript.

  • Пример 1:

    <script> 

      
    // Объявляем и инициализируем массив

    var array = ["lowdash", "remove", "delete", "reset"]

      
    // Сортировка массива в другом массиве

    var arraygeeks = array

      
    // Удалить каждый элемент массива
    array = []

    document.write("Empty array: " + array + "<br>")

    document.write("Original array: " + arraygeeks)

      
    </script>                

  • Выход:
    Empty array:
    Original array: lowdash, remove, delete, reset
  • Пример 2:

    <script> 

      
    // Объявляем и инициализируем массив

    var array = ["lowdash", "remove", "delete", "reset"]

      

    document.write("Original array: " + array + "<br>")

      
    // Делаем длину массива равной 0
    array.length = 0;

    document.write("Empty array: " + array )

      
    </script>                                

  • Выход:
    Original array: lowdash, remove, delete, reset
    Empty array:

Удаление элементов массива с помощью библиотеки lowdash: используйте библиотеку lowdash для удаления элементов из массива JavaScript. Для использования библиотеки lowdash вам необходимо установить ее локально в вашей системе.

  • Пример:

    <script type="text/javascript" src=

    "//cdnjs.cloudflare.com/ajax/libs/lodash.js/0.10.0/lodash.min.js">

      
    // Declare and initialize an array
    var array = [101, 98, 12, -1, 848];
    var evens= _.remove(array, function(n) {

        return n % 2 == 0;

    });

      

    console.log("odd elements: " + array + "<br>");

    console.log("even elements: " + evens);

      

    </script>                    

  • Выход:
    odd elements: 101, -1
    even elements: 98, 12, 848

Рекомендуемые посты:

Удалить элементы из массива JavaScript

0.00 (0%) 0 votes