Видаліть останній елемент із масиву

У мене є такий масив.

var arr = [1,0,2];

Я хотів би видалити останній елемент, тобто 2.

Я використовував, arr.slice(-1);але це значення не видаляє.

Використовуйте сплайс (індекс, howmany)

arr.splice(-1,1)

Array.prototype.pop () за умовами JavaScript.

let fruit = ['apple', 'orange', 'banana', 'tomato'];
let popped = fruit.pop();

console.log(popped); // "tomato"
console.log(fruit); // ["apple", "orange", "banana"]

Це можна зробити за допомогою такого .slice()методу, як:

arr.slice(0, -1);    // returns [1,0]

Ось демонстрація:

var arr = [1, 0, 2];
var newArr = arr.slice(0, -1);    // returns [1,0]

console.log(newArr);
$('#div1').text('[' + arr + ']');
$('#div2').text('[' + newArr + ']');

<script src="http://code.jquery.com/jquery.min.js"></script>
<b>Original Array    : </b>
<div id="div1"></div>
<br/>
<b>After slice(0, -1): </b>
<div id="div2"></div>

замість того, щоб робити:

arr.slice(-1);   // returns [2]

Ось демонстрація:

var arr = [1, 0, 2];
var newArr = arr.slice(-1);    // returns [2]

console.log(newArr);
$('#div1').text('[' + arr + ']');
$('#div2').text('[' + newArr + ']');

<script src="http://code.jquery.com/jquery.min.js"></script>
<b>Original Array    : </b>
<div id="div1"></div>
<br/>
<b>After slice(-1): </b>
<div id="div2"></div>

Пояснення: -

Тепер основним синтаксисом Array.prototype.slice()або коротко slice()методом є:

arr.slice([begin[, end]])

Ось

beginпараметр дорівнює нулю на основі індексу , при якому витяг з масиву починається. Отже, давайте скажемо, грунтуючись на наведеному вище прикладі, якщо ми робимо щось подібне

arr.slice(0)    // returns [1,0,2]

він поверне всі елементи масиву з початку послідовності з позиції 0, і це є [1,0,2]. Аналогічно, якщо і ми

arr.slice(1)    // returns [0,2]

він би повернувся, [0,2]оскільки 0 знаходиться в позиції 1 тут і все після цього. Тепер у вашому випадку ви передали від'ємний індекс, тобто -1як параметр start, який вказує на зміщення від кінця послідовності. Отже, slice(-1)у вашому випадку витягує останній один елемент масиву в послідовності, і це 2( як ми вже бачили в наведеному вище демонстраційному демонстраційному описі ).

Тепер поговоримо про endпараметр у slice()синтаксисі методу тут. Це знову нульовий індекс, на якому закінчується витяг з масиву. Отже, скажімо, у нас є масив типу: -

var arr = [1, 0, 2, 5, 3, 9];

і ми хочемо отримати просто 2,5,3елементи в масиві. Тепер, позиція 2від початку послідовності є, 2і для останнього елемента 3вона є 4. Нам знадобиться закінчити видобуток тут позицією 5, як нам потрібно отримати елемент перед цією позицією. Отже, тут ми просто реалізуємо такий slice()метод

arr.slice(2, 5)    // returns [2,5,3]

У вашому випадку ми реалізували -1як кінцевий параметр, тому наш код схожий

arr.slice(0, -1)   // returns [1,0]

Як від'ємний індекс endвказує зміщення від кінця послідовності. Отже, slice(0,-1)витягує перший елемент через другий-останній елемент у послідовності. Отже, ми отримуємо бажаний вихід. Ми також можемо робити так, як

arr.slice(0, 2)    // returns [1,0]

ми отримаємо той самий вихід. Але я -1тут використав його як простіше втілити навіть для довгого масиву

[0,2,3,1,2,9,3,6,3,9,1,0,2,9,0,1,1,2,3,4,7,9,1]

Якщо ви просто хочете видалити останній елемент, ви не хочете сидіти та обчислювати позицію останніх 9 тут і робити подібне arr.slice(0, 22). Потім ви можете просто реалізувати логіку негативного індексу тут і робити

arr.slice(0, -1) // same result as arr.slice(0, 22)

Сподіваюся, це допомагає!

вчитися на прикладі:

let array_1 = [1,2,3,4];
let array_2 = [1,2,3,4];
let array_3 = [1,2,3,4];

array_1.splice(-1,1)  // output --> [4]      array_1 = [1,2,3]
array_2.slice(0,-1);  // output --> [1,2,3]  array_2 = [1,2,3,4]
array_3.pop();        // output --> 4        array_3 = [1,2,3]

Вам потрібно зробити це, оскільки sliceне змінює вихідний масив.

arr = arr.slice(-1);

Якщо ви хочете змінити вихідний масив, ви можете використовувати splice:

arr.splice(-1, 1);

або pop:

arr.pop();

Я вважаю .pop()це найбільш «правильним» рішенням, проте іноді це може не спрацювати, оскільки вам потрібно використовувати масив без останнього елемента саме там ...

У такому випадку ви можете скористатися наступним, воно повернеться [1,2,3]

var arr = [1,2,3,4];
console.log(arr.splice(0,arr.length-1));

поки .pop()повернеться 4:

var arr = [1,2,3,4];
console.log(arr.pop());

що може бути небажаним ...

Сподіваюсь, це заощадить певний час.

Для цього є функція, пояснення тут :

arr.pop();

Ви можете просто використовувати, arr.pop()

Це видаляє останній запис масиву.

var arr = [1,0,2]; 
var popped = arr.pop();//Now arr = [1,0] & popped = 2

Просто використовуйте наступне для свого випадку використання:

var arr = [1,2,3,4];
arr.pop() //returns 4 as the value
arr // value 4 is removed from the **arr** array variable

Просто записка. Коли ви виконуєте pop()функцію, навіть незважаючи на те, що рядок повертає спливаючий елемент, виконується початковий масив, а вискакуваний елемент видаляється.

Зробити це можна двома способами, використовуючи splice():

1. arr.splice(-1,1)
2. arr.splice(arr.length-1,1)

splice(position_to_start_deleting, how_many_data_to_delete) бере два параметри.

position_to_start_deleting: Нульовий індекс, з якого слід починати видалення. how_many_data_to_delete: З вказаного індексу кількість послідовних даних слід видалити.

Ви також можете видалити останній елемент, використовуючи pop()як pop()видалення останнього елемента з якогось масиву.
Використовуйтеarr.pop()

arr.slice(-1)поверне копію останнього елемента масиву, але залишить початковий масив незмінним.

Щоб видалити останні nелементи з масиву, використовуйтеarr.splice(-n) (відзначте "p" у "splice"). Повертається значення буде новим масивом, що містить вилучені елементи.

Проте простіше n == 1використанняval = arr.pop()

var arr = [1,0,2];
arr.length--; 

// видаляє останній елемент // необхідно перевірити, чи arr.length> 0

Цей метод корисніше для видалення та збереження останнього елемента масиву.

var sampleArray = [1,2,3,4];// Declaring the array
var lastElement = sampleArray.pop();//this command will remove the last element of `sampleArray` and stores in a variable called `lastElement` so that you can use it if required.

Тепер результати:

console.log(sampleArray); //This will give you [1,2,3]
console.log(lastElement); //this will give you 4

Варто зауважити, що sliceобидва повернуть новий масив, тоді як .pop()і .splice()змінять існуючий масив.

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

Наприклад:

myArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

var newArrayOfThings = myArray
  .filter(x => x > 5)              // only bigly things
  .slice(-1)                       // get rid of the last item
  .map(x => `The number is: ${x}`);// map to a set of strings

Це може зажадати набагато більше безладу і керування змінними, щоб зробити те ж саме з "pop", оскільки на відміну від map,filter і т.д., ви не отримаєте новий масив назад.

Це та сама річ push, що додає елемент до кінця масиву. Вам може бути краще, concatоскільки це дозволяє вам продовжувати рух.

myArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

var newArrayOfThings = myArray
  .filter(x => x > 5)              // only bigly things
  .slice(-1)                       // get rid of the "10"
  .concat([100])                   // note with concat, you must pass an array
  .map(x => `The number is: ${x}`) // map to a set of strings
  

сплайс (індекс, howmany) - Це рішення звучить добре. Але цей howmany працюватиме лише для індексу позитивного масиву. Для видалення останніх двох або трьох елементів використовуйте сам індекс.

Наприклад, сплайс (-2) для видалення останніх двох елементів. сплайс (-3) для видалення останніх трьох елементів.

З Lodash ви можете використовувати dropRight , якщо вам неважливо знати, які елементи були видалені:

_.dropRight([1, 2, 3])
// => [1, 2]

_.dropRight([1, 2, 3], 2);
// => [1]

var a = [1,2,3,4,5,6]; 
console.log(a.reverse().slice(1).reverse());
//Array(5) [ 1, 2, 3, 4, 5 ]

Рішення ECMA5 2019:

const new_arr = arr.reduce((d, i, idx, l) => idx < l.length - 1 ? [...d, i] : d, [])

Неруйнівний, загальний, однолінійний і вимагає лише копії та вставки в кінці вашого масиву.

скажіть, у вас є var arr = [1,0,2]

arr.splice(-1,1)повернеться до вас, array [1,0];поки arr.slice(-1,1)повернеться до васarray [2];

Це хороший спосіб видалити останній елемент:

if (arr != null && arr != undefined && arr.length > 0) {
      arr.splice(arr.length - 1, 1);
}

Деталь зрощення наступним чином:

сплайс (startIndex, кількість зрощення)

var stack = [1,2,3,4,5,6];

stack.reverse().shift();

stack.push(0);

Вихід буде: масив [0,1,2,3,4,5] . Це дозволить вам зберегти таку ж кількість елементів масиву, як і ви натискаєте нове значення.

Ще один підхід - фільтрація на основі індексу:

arr.filter((element, index) => index < arr.length - 1);

Примітка: filter()створює новий масив, не змінює існуючий.

Якщо ви хочете видалити n елемент з кінця масиву в JavaScript, ви можете легко використовувати:

arr.splice(-n, n);