Методи масивів JavaScript. Як видалити певний елемент масиву JavaScript? Масиви у JavaScript

Головна / 2 Cool Reader

З масивами можна працювати з різних методів, що надаються конструктором Array.

Методи pop/push та shift/unshift

Розглянемо методи pop() та push(). Ці методи дозволяють працювати з масивами як із стеками. Стек - це структура даних, у якій доступом до елементам організований за принципом LIFO (англ. last in - first out, «останнім прийшов - першим пішов»). Принцип роботи стека можна порівняти зі стопкою тарілок: щоб взяти другий зверху, потрібно зняти верхню. Як це працює зображено на малюнку:

І так повернемося до розгляду методів push() та pop(). Метод push() додає один або кілька нових елементів у кінець масиву та повертає його нову довжину. Метод pop() - видаляє останній елемент масиву, зменшує довжину масиву та повертає віддалене їм значення. Варто звернути увагу на те, що обидва ці методи змінюють масив на місці, а не створюють його модифіковану копію.

Var foo =; // foo: foo.push(1,2); // foo: Повертає 2 foo.pop(); // foo: Повертає 2 foo.push (3); // foo: Повертає 2 foo.pop(); // foo: Повертає 3 foo.push(); // foo: ] Повертає 2 foo.pop() // foo: Повертає foo.pop(); // foo: Повертає 1 var fruits = ["груші", "банани", "яблука"]; var picked = fruits.pop(); document.write("Ви зірвали мої" + picked); Спробувати

Методи shift() і unshift() поводяться багато в чому також, як pop() і push(), крім того, що вони вставляють і видаляють елементи на початку масиву. Метод unshift() зміщує існуючі елементи у бік великих індексів для звільнення місця під нові елементи, додає один або кілька елементів початку масиву і повертає нову довжину масиву. Метод shift() видаляє перший елемент масиву та повертає його значення, зміщуючи всі наступні елементи для заняття вільного місцяна початку масиву.

Var f =; // f: f.unshift(1); // f: Повертає: 1 f.unshift(22); // f: Повертає: 2 f.shift(); // f: Повертає: 22 f.unshift(3,); // f:,1] Повертає: 3 f.shift(); // f:[,1] Повертає: 3 f.shift(); // f: Повертає: f.shift(); // f: Повертає: 1

Метод join

Array.join() використовується для об'єднання елементів масиву в один рядок. Методу можна передати необов'язковий рядковий аргумент, який використовуватиметься для поділу елементів у рядку. Якщо розділювач не заданий, то під час виклику методу символом-розділювачем за замовчуванням буде кома.

Var a = ["Вітер", "Дощ", "Вогонь"]; var myVar1 = a.join(); //"Вітер,Дощ,Вогонь" var myVar2 = a.join(", "); //"Вітер, Дощ, Вогонь" var myVar3 = a.join(" + "); //"Вітер + Дощ + Вогонь" document.write(myVar1 + "
" + myVar2 + "
+ myVar3); Спробувати »

Метод Array.join() є зворотним щодо методу String.split(), який створює масив шляхом розбиття рядка на фрагменти.

Метод reverse

Метод Array.reverse() змінює порядок проходження елементів у масиві на протилежний і повертає масив з переставленими елементами. Цей метод не створює новий масив із переупорядкованими елементами, а переупорядковує їх у вже існуючому масиві.

Var myArr = ["один", "два", "три"]; document.write(myArr.reverse()); Спробувати

Метод concat

Метод Array.concat() створює і повертає новий масив, що містить елементи вихідного масиву, для якого був викликаний метод concat(), послідовно доповнений значення всіх аргументів, переданих методу concat(). Якщо якийсь із цих аргументів сам є масивом, тоді будуть додані всі його елементи. Імена масивів використовуються як аргументи та вказуються в тому порядку, в якому потрібно об'єднати їх елементи.

Var a =; a.concat(4, 5) // Повертає a.concat(); //теж саме - повертає a.concat(,) //Повертає

Метод sort

Метод Array.sort() на місці сортує елементи масиву та повертає відсортований масив. Якщо метод sort() викликається без аргументу, він сортує елементи масиву в алфавітному порядку (тимчасово перетворює в рядки до виконання порівняння). Як аргумент метод sort() може приймати функцію порівняння, яка визначає порядок сортування елементів.

Var a = ["Ківі", "Апельсини", "Груші"]; a.sort(); var s = a.join(", "); //Апельсини, Груші, Ківі document.write(s); //Приклад з числами var myArr = ; myArr.sort(); document.write(myArr); //1,10,2 Спробувати »

Напевно, від сортування чисел ви очікували побачити трохи інший результат. Таке сортування відбулося тому, що метод sort() сортує елементи, перетворюючи їх на рядки. Тому й порядок у них виходить рядковий – адже "10"

Для сортування будь-якому іншому порядку, відмінному від алфавітного, можна передати методу sort() як аргумент функцію порівняння. Проте слід врахувати, що функцію порівняння доведеться писати самим. Ця функція повинна мати два параметри, оскільки вона встановлює, який із двох її аргументів повинен бути присутнім раніше у відсортованому списку. Щоб було легше розібратися та написати таку функцію, є кілька правил, за якими визначатиметься порядок елементів:

  • Якщо перший аргумент має передувати другому, функція порівняння повертає негативне число (якщо a
  • Якщо перший аргумент має слідувати за другим, то функція порівняння повертає позитивне число (якщо a > b)
  • Якщо два значення еквівалентні (тобто порядок їхнього розташування не важливий), функція порівняння повертає 0 (якщо a == b)

Для порівняння своїх аргументів функція використовує елементи масиву:

Function foo(a,b) ( //визначаємо функцію перевірки if (a b) return 1; return 0; //якщо a == b ) var a = ; a.sort(foo); //як аргумент передається лише ім'я функції document.write(a.join(", ")); //теж саме записати коротше var a = ; a.sort(function(a,b) ( //використовуємо анонімну функцію return a - b; //функція повертає значення 0)); document.write(a); //1,2,5,10 Спробувати »

Перший запис у прикладі написано так, щоб було легше зрозуміти, як це працює. Зверніть увагу, наскільки зручно використовувати анонімну функцію в другому фрагменті. Вона викликається лише один раз, тому немає потреби давати їй ім'я.

Примітка: Якщо масив має невизначені елементи (undefined), вони переносяться в кінець масиву.

Метод slice

Метод Array.slice() використовується для копіювання зазначеної ділянки з масиву і повертає новий масив, що містить скопійовані елементи. Вихідний масив у своїй не змінюється.

Синтаксис методу:

Ім'я_масиву.slice(begin, end);

Ім'я_масиву слід замінити ім'ям масиву, з якого потрібно витягти певний набір елементів для нового масиву. Метод приймає два аргументи, які визначають початок і кінець ділянки масиву, що повертається. Метод копіює ділянку масиву, починаючи з begin до end, не включаючи end. Якщо вказано лише один аргумент, масив, що повертається, міститиме всі елементи від зазначеної позиції до кінця масиву. Можна використовувати негативні індекси – вони відраховуються з кінця масиву.

Var arr =; arr.slice(0,3); //Повертає arr.slice(3); //Повертає arr.slice(1,-1); //Повертає arr.slice(-3,-2); //Повертає

Метод splice

Метод Array.splice() - це універсальний метод роботи з масивами. Він змінює масив на місці, а не повертає новий змінений масив, як це роблять методи slice() та concat(). Метод splice може видаляти елементи з масиву, вставляти нові елементи, замінювати елементи – по черзі та одночасно. Він повертає масив, що складається з віддалених елементів, якщо жоден із елементів не був видалений, поверне порожній масив.

Синтаксис методу:

Имя_массива.splice(index , у, elem1, ..., elemN);

Перший аргумент вказує індекс масиві, з якого починається вставка або видалення елементів. Другий аргумент визначає кількість елементів, які повинні бути видалені з масиву починаючи з індексу, зазначеного в першому аргументі, якщо другий аргумент дорівнює 0, то елементи не будуть видалені. Якщо другий аргумент опущений, всі елементи масиву видаляються з зазначеного індексу до кінця масиву. При використанні негативного номера позиції відлік елементів буде з кінця масиву.

Var fruits = ["апельсини", "яблука", "груші", "виноград"]; var deleted = fruits.splice(2,2); //Повертає ["груші", "виноград"] document.write(deleted); var arr =; arr.splice(4); //Повертає; масив став: arr.splice(1,2); //Повертає; масив став: arr.splice(1,1); //Повертає; масив став: Спробувати »

Перші два аргументи методу splice() задають елементи масиву, що підлягають видаленню. За цими двома аргументами може йти будь-яка кількість додаткових аргументів, що задають елементи, які будуть вставлені в масив, починаючи з позиції, заданої першим аргументом.

Var fruits = ["апельсини", "яблука"]; fruits.splice(2,0, "кавуни"); //Повертає document.write(fruits); //стало ["апельсини", "яблука", "кавуни"] var arr =; arr.splice(2,0,"a","b"); //Повертає; стало arr.splice(2,2,); //Повертає ["a","b"]; стало ,3,4,5] Спробувати »

Варто звернути увагу, що на відміну від concat() метод splice() не розбиває на окремі елементи масиви, що передаються в якості аргументів. Тобто, якщо метод передається масив для вставки, він вставляє сам масив, а не елементи цього масиву.

Метод toString

Метод toString() перетворює елементи масиву в рядок, використовуючи як символ-розділювач кому.

Var arr = ["Молоко", "Хліб", "Печень"]; var food = arr.toString(); document.write(food); / / Молок, Хліб, Печиво Спробувати »

Зверніть увагу, метод повертає той же рядок, що метод join() при виклику його без аргументів.

indexOf та lastIndexOf

Метод indexOf повертає індекс елемента, значення якого дорівнює значенню, переданому методу як аргумент.

Синтаксис методів indexOf() та lastIndexOf():

Ім'я_масиву.indexOf(шуканий_елемент, індекс) ім'я_масиву.lastIndexOf(шуканий_елемент, індекс)

Перший аргумент методу вказує значення елемента, індекс якого потрібно знайти, другий аргумент (необов'язковий), вказує індекс, з якого буде починатися пошук. Якщо однакових входження кілька, вибирається найменший (перший) індекс. Якщо елемент, який шукає значення, не знайдено, метод поверне -1. Усередині методу пошуку використовується суворе порівняння (===).

Var a =; a.indexOf(3); //Поверне 2 a.indexOf(3,4); //Поверне 6 a.indexOf(35); //Верне -1: немає елемента з таким значенням a.indexOf(2); // 1

Метод lastIndexOf() теж повертає індекс елемента, значення якого дорівнює значенню, переданому методу як аргумент. Різниця лише тому, що метод lastIndexOf() вибирає найбільший (останній) індекс.

Var a =; a.lastIndexOf(3); //Поверне 7 a.lastIndexOf(35); //Верне -1: немає елемента з таким значенням a.lastIndexOf(2); // 6

Методи ітератори

p align="justify"> Методи, описані нижче, є ітераторами. У всіх сучасних браузерахДля роботи з масивами є методи, які призначені для перебору елементів та виконання різноманітних дій над ними. Це методи forEach(), map(), filter(), every(), some, reduce() і reduceRight().

Вони перебирають елементи масиву починаючи з 0 до length - 1 і якщо елемент існує, передають його в callback обробник-функцію.

forEach

Синтаксис методу:

Ім'я_масиву.forEach(callback, thisArg)

Як перший аргумент вказується callback-функція, яку метод forEach() викликатиме для кожного елемента масиву. Реалізацію функції-обробника, що викликається, потрібно писати самим. Функція, що викликається, повинна мати три параметри: перший параметр приймає як аргумент - значення елемента масиву, другий - індекс елемента, і третій - сам масив. Однак, якщо потрібно використовувати лише значення масиву, можна написати функцію тільки з одним параметром. Другий аргумент - thisArg (необов'язковий) буде передано як значення this.

Var arr =; function foo(value) ( ​​var sum = value * this; return document.write(sum + "
"); ) arr.forEach(foo, 5); //другий аргумент буде переданий як значення this //приклад з трьома параметрами var a = ; a.forEach(function(el, idx, a) ( document.write( "a["+idx+"] = "+el+" у ["+a+"]
"); )); Спробувати »

filter

Синтаксис методу:

Ім'я_масиву.filter(callback, thisObject)

Метод filter() створює і повертає новий масив, який міститиме ті елементи масиву, для яких виклик функції callback поверне true.

Function isBig(element, index, array) ( //повертає числа, які більші або рівні 10 return (element >= 10); //якщо значення елемента більше або дорівнює 10 - вираз поверне true ) var filtered = .filter(isBig) ; //filtered

map

Метод map() створює та повертає новий масив, який складатиметься з результатів виклику функції callback(item, idx, ar) для кожного елемента масиву.

Var a =; var b = a.map(function(item, idx, arr) ( return item * item; )); // b =

every та some

Метод every() повертає true, якщо для всіх елементів масиву вказана функція, яка використовується для їхньої перевірки, поверне true.

Метод some() повертає true, якщо під час перевірки у зазначеній функції один або кілька елементів повернуть true.

Var a =; a.every(function(x) ( return x 10; )) //true: одне число > 10

reduce та reduceRight

Синтаксис методів:

ім'я_масиву.reduce(callback, initialValue) ім'я_масиву.reduceRight(callback, initialValue)

Метод reduce() застосовує зазначену функцію (callback) щодо відразу двох значень масиві, перебираючи елементи зліва направо, зберігаючи у своїй проміжний результат.

Аргументи функції callback: (PreviousValue, currentItem, index, array)

  • previousValue - повертається результат callback функції (він же проміжний результат)
  • currentItem - поточний елемент масиву (елементи перебираються по черзі ліворуч-праворуч)
  • index – індекс поточного елемента
  • array - масив, що обробляється

initialValue (ініціалізуюче значення) - об'єкт, що використовується як перший аргумент першого виклику функції callback. Простіше кажучи, значення попереднього значення при першому виклику дорівнює початковому значення. Якщо initialValue немає, воно дорівнює першому елементу масиву, а перебір починається з другого:

Var a =; function foo(prevNum,curNum) ( sum = prevNum + curNum; alert(sum); return sum; ) var result = a.reduce(foo, 0); document.write(result); Спробувати

Розберемо, як працює цей приклад. Першими аргументами функції foo є:

  • prevNum = 0 (оскільки initialValue - 0)
  • curNum = 1 (поточний елемент - перший елемент масиву)

До 0 додається 1. Цей результат (sum: 1) буде передано як prevNum при наступному запускуфункції. І так далі не дійде до останнього елемента. Повернутий результат - сума від останнього запуску, становитиме 15 (1+2+3+4+5).

Метод reduceRight працює аналогічно методу reduce, але йде масивом праворуч-ліворуч:

Var a = ["h", "o", "m", "e"]; function bar(prevStr, curItem) ( return prevStr + curItem; ) document.write(a.reduceRight(bar)); // emoh

В JavaScript видалити елемент масивуможна кількома методами. До них відносяться методи pop та shift. Метод pop видаляє перший елемент через даного масиву. Метод shift видаляє останній елемент із заданого масиву.

Можна встановити довжину масиву 0, якщо потрібно видалити всі елементи з цього масиву. Але що вам потрібно видалити певний елемент?

Наприклад:

Array_name.splice (index);

Array_name.delete

Можна використовувати метод splice. Він повертає новий масив віддалених елементів. А початковий масив містить елементи, що залишилися.

Перегляньте демо-версію, щоб дізнатися, як використовувати метод JavaScript splice та інші способи видалення певних елементів.

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

У цій демо-версії створюється масив чисел. Спочатку до масиву додаються п'ять елементів. Після цього використовується метод splice видалення третього елемента. Таким же чином JavaScript можна видалити перший елемент масиву.

Елементи числового масивувідображаються до та після використання методу JavaScript splice наступним чином:

Код JavaScript з методом splice:

Ви помітили, що я використав для JavaScript видалення елемента масиву два параметри. Перший вказує індекс елемента, який потрібно видалити. Другий – скільки елементів потрібно видалити після вказаного ключа.

У наступній демо-версії показано випадок, коли ми використовуємо другий параметр.

Що робити, якщо другий параметр не вказаний у JavaScript-методі splice?

Використання того ж коду, але без другого параметра метод splice :

Arr_Numbers.splice(2);

Код та результат:

Переглянути онлайн демо-версію та код

Як бачите, тут були видалені всі елементи перед вказаним номером індексу. Крім цього, метод splice повертає масив віддалених елементів.

Код JavaScript:

Використання функції delete для видалення елемента масиву

Також, щоб у JavaScript видалити елемент масиву, можна використовувати функцію delete. Але вона зберігає порожнє місце, і якщо ви повернете цей масив після використання функції, віддалений елемент буде відображений як undefined .

Розглянемо демо-версію, у якій використовується функція delete:

Переглянути онлайн демо-версію та код

Код JavaScript:

Ви бачите, що для третього елемента відображається undefined після його видалення за допомогою функції delete .

Серед JavaScript розробників поширене нерозуміння різниці між цими двома методами. Чи знаєте ви в чому відмінність sliceвід splice?

Обидва ці методи призначені для розбиття масиву JavaScript на частини, але не розуміння коли потрібно використовувати slice, а коли spliceведе до трудно-відловлюваних помилок. Давайте розглянемо кожен із двох методів окремо, тоді різниця стане очевидною.

Slice - ріжемо і створюємо

Англійське дієслово sliceперекладається як "різати". Чесно кажучи, не розумію, чим керувалися розробники специфікації, але покладатися на переклад слів у JS не можна. Відповідно до специфікації ECMAScript 5.1, метод sliceприймає два аргументи: початковий та кінцевий індекси. Потім створюється новий масив, що містить елементи старого від початкового індексу до кінцевого. Найважливіше - завжди створюється новий масив, тобто. масив якого був застосований метод залишиться тим самим. Так само не забувайте, що другим параметром вказується не кількість елементів, а кінцевий індекс, тому другий параметр завжди повинен бути більшим за перший, інакше повернеться порожній масив. Розглянемо приклади.

Var a =; console.log(a); // var b = a. slice (3, 5); console.log(a); // console.log(b); // var c = a. slice (4, 2); console.log(a); // console.log(c);//

Як завжди в JS, потрібно просто запам'ятати, що sliceповерне вам елементи з вказаного початкового індексу ( включаючи сам цей елемент ) і до зазначеного кінцевого індексу, але без кінцевого елемента .

Splice - ріжемо і ділимо

З англійської splice- Зрощувати. Знову ж таки не видно зв'язку між дієсловом і діями методу. Основна відмінність splice у тому, що він змінює вихідний масив. Метод так само приймає початковий і кінцевий індекс, проте важливо пам'ятати, що ваш вихідний масив позбудеться обрізаних елементів.

Var a =; console.log(a); // var b = a.splice (3, 5); console.log(a); // console.log(b); // var c = a.splice (4, 2); console.log(a); // console.log(c); //

І знову потрібно просто запам'ятати, що spliceуріже вихідний масив із зазначеного початкового індексу ( включаючи сам елемент ) і до зазначеного кінцевого індексу ( також включаючи сам елемент ). При цьому метод повертає всі відрізані елементи, і ви можете зберегти їх окремо.

Також метод splice зручно використовувати для видалення елементів масиву. Нагадаю, що звичайний delete a; не видалить сам елемент, а встановить його в undefined. Щоб видалити елемент, найкраще використовувати a.splice(1, 1);

Var a =; delete a; console.log(a); // var a =; a.splice(1, 1); console.log(a); //

Зауважу, що в останній версії Google Chrome консольу першому випадку покаже вам такий результат: . Ймовірно, вона просто не відобразила undefined-елемент, т.к. насправді видалення не відбулося.

Всю користь вбудованих методів JavaScript можна оцінити лише правильно розуміючи, як вони працюють. У цій статті ми розберемо три методи: slice (), splice ()і split(). Навіть досвідчені розробники часто їх плутають: можливо через те, що всі три назви такі схожі.

Студентам і розробникам-початківцям: уважно прочитайте цю статтю-про ці три методи вас можуть запитати на співбесіді.

В кінці ви знайдете конспект інформації про всі три методи. Давайте почнемо.

Масиви у JavaScript

Спочатку потрібно розібратися, як працюють масиви JavaScript. Як і в інших мовах програмування, масиви використовуються для зберігання кількох одиниць даних. Різниця в тому, що масиви JavaScript можуть містити кілька типів даних одночасно.

Щоб працювати з такими масивами, нам знадобляться JavaScript-методи: наприклад, slice () & splice (). Створити масив можна так:

Let arrayDefinition = ; // Array declaration in JS

Тепер створимо інший масив із даними різного типу:

Let array =;

У JavaScript можна створювати масиви з різними типамиданих: з числами, рядками та логічними значеннями.

Slice ()

Метод slice ()копіює задану частину масиву та повертає цю скопійовану частину у вигляді нового масиву. Вихідний масив у своїй не змінюється.

Array.slice(from, until);

  • Від:Нарізує масив починаючи зцього елемента
  • Until:Нарізує масив до цього елемента

Наприклад, я хочу нарізати перші три елементи зі згаданого вище масиву. Перший елемент масиву завжди позначається як 0, тому як параметр fromя вказую 0.

Array --> 1 // included array --> 2 // included array --> 3 // included array --> "hello world" // not included

Тут можна заплутатися! Ось чому я оголосив "until".

Let newArray = array.slice(0, 3); // Return value is also an array

Нарешті я створюю новий масив і пов'язую його зі змінною newArray. Подивимося результат:

Нарізка масиву та додавання елементів до нового масиву


Змінна newArray стає новим масивом, оригінальний масив залишається без змін.

Важлива примітка: метод Slice()можна використовувати і в рядках.

Splice ()

Назва цього методу схожа на slice():у таких схожих назвах розробники часто плутаються. Метод splice()додає та видаляє елементи з масиву, змінюючи його.Давайте подивимося, як додавати та видаляти елементи за допомогою методу splice():

Видалення елементів

Щоб видалити елементи, введіть елемент, з якого потрібно розпочати ( index)та кількість елементів, які потрібно видалити (Number of elements):

Array.splice(index, number of elements);

Параметр Index- це початкова точкавидалення елементів. Елементи із порядковим номером меншезаданого параметра Index не буде видалено:

Array.splice(2); // Every element starting from index 2, will be removed

Якщо не вказати другий параметр, всі елементи від заданого параметра Index до кінця будуть видалені:

Як ще один приклад, я вказав 1 як другий параметр: таким чином, кожен раз при повторенні методу splice ()буде видаляти по одному елементу, починаючи з другого:

Array.splice(2, 1);

Масив до методу splice ()

Splice () застосований один раз:

Елемент 3 видалено: отже, тепер елемент "hello world" має порядковий номер 2

Splice () застосований двічі:

На цей раз був видалений елемент “hello world”, тому що його порядковий номер 2

Так можна продовжувати доти, доки не залишиться елементів із порядковим номером 2.

Додавання елементів

Щоб додати елементи за допомогою splice (), необхідно ввести їх як третій, четвертий і п'ятий елемент (залежно від того, скільки елементів потрібно додати):

Array.splice(index, number of elements, element, element);

Як приклад, додамо елементи aі bна початок масиву:

Array.splice(0, 0, "a", "b");


Елементи a та b додані на початок масиву

Split ()

Методи Slice()і splice()використовуються для масивів. Метод split()використовується для рядків. Він поділяє рядок на підрядки та повертає їх у вигляді масиву. У цього методу 2 параметри, і обидва з них не обов'язково вказувати.

String.split(separator, limit);

  • Separator:визначає, як рядок буде поділено на підрядки: комою, знаком тощо.
  • Limit:обмежує кількість підрядок заданим числом

Метод split()не працює безпосередньо з масивами. Тим не менш, спочатку можна перетворити елементи масиву в рядки і вже після застосування методу split().

Погляньмо, як це працює.

Спочатку перетворимо масив у рядок за допомогою методу toString():

Let myString = array.toString();

Потім розділимо рядок myString комамиі обмежимо кількість підрядків до трьох.Потім перетворимо рядки на масив:

Let newArray = myString.split(",", 3);

У вигляді масиву повернулися перші 3 елементи

Таким чином, елементи масиву myStringрозділені комами. Ми поставили обмеження в 3 підрядки, тому як масив повернулися перші 3 елементи.

Примітка:Використовуючи команду array.split("");можна всі символи в рядку розділити на підрядки.


Усі символи поділені на підстроки

Конспект:

Slice ()

  • Копіює елементи з масиву
  • Повертає їх у новий масив
  • Не змінює оригінальний масив
  • Нарізує масив за допомогою параметрів from та until: array.slice (from, until)
  • Не включає параметр, заданий у "until"
  • Використовується і в масивах, і рядках

Splice ()

  • Додає та видаляє елементи з масиву
  • Повертає масив віддалених елементів
  • Змінює масив
  • Додавання елементів: array.splice (index, number of elements, element)
  • Видалення елементів: array.splice (index, number of elements)
  • Використовується лише у масивах

Split ()

  • Поділяє рядки на підрядки
  • Повертає їх у вигляді масиву
  • 2 параметри, і обидва з них не обов'язково вказувати: string.split(separator, limit)
  • Не змінює оригінальний рядок
  • Використовується лише у рядках

У JavaScript є ще багато інших вбудованих методів роботи з масивами та рядками. Якщо ви навчитеся використовувати їх, програмувати стане набагато простіше.

Вставляє, видаляє або замінює елементи масиву.

Специфікація: ECMAScript 3-тє видання.

Синтаксис

Array.splice(start, deleteCount, element1, element2, ..., elementN)

Параметри

startІндекс елемента масиву, з якого будуть видалені з масиву та/або додані масив елементи. Допускається використання негативних значень, у цьому випадку індекс з якого буде викликаний метод буде розрахований за такою формулою: length (довжина масиву) + start. deleteCountНеобов'язкове значення. Ціле число, що визначає кількість елементів, що видаляються з масиву, починаючи з індексу вказаного в start . Якщо deleteCount дорівнює 0 то елементи не видаляються. Якщо значення deleteCount більше кількостіелементів, що залишилися в масиві, то будуть видалені всі елементи до кінця масиву. Негативні значення не допускаються. elementNНеобов'язкове значення. Елементи, що додаються до масиву. Якщо ви не вкажете жодного елемента, splice() просто видалити елементи з масиву.

Значення, що повертається

Новий масив містить віддалені елементи (якщо є). Якщо видалено лише один елемент, повернеться масив з одного елемента. Якщо елементи не видаляються, повернеться порожній масив.

Опис

Метод splice()видаляє вказану кількість елементів масиву, починаючи з елемента, позиція якого визначається аргументом start, включаючи його, та замінює значеннями, переліченими у списку аргументів (element1, ..., elementN). Елементи масиву, розташовані після елементів, що вставляються або видаляються, зсуваються і утворюють безперервну послідовність з рештою масиву.

На замітку:На відміну від методу зі схожим ім'ям, slice() , метод splice() безпосередньо змінює масив.

Приклади

Метод splice()видаляє 0 елементів за індексом 2 і вставляє "Lemon":

одинелемент за індексом 3 :

У наступному прикладі метод splice() видаляє одинелемент за індексом 2 та вставляє "Kiwi".

© 2022 androidas.ru - Все про Android