Slice метод в js

Slice js. Что такое "slice" в javascript. Примеры использования "slice" в javascript!

Всё о "slice" в javascript

1. Что такое "slice" javascript.
2. Пример №1 slice js(slice(0)).
3. Пример №2 slice js(slice(1)).
4. Пример №3 slice js(slice(0,-1)).
5. Пример №4 slice js(slice(1,-1)) массив.

Что такое "slice" javascript?

В самом начале ответим на вопрос : "Что такое 'slice' javascript" :

Метод slice() возвращает новый массив/либо строку, содержащую копию части исходного массива/либо строки.

Для чего нужен "slice" в javascript?

Slice используется для того, чтобы получить часть массива либо строки.

Синтаксис slice.

var sub = string.slice(begin[, end])

Аргументы slice.

позиция, начиная от 0, с которой начинается участок:

begin

позиция, на которой заканчивается участок:

end

Пример slice js №1.

Начнем с самого простого примера "slice js", где "slice(0)", для этого вам понадобится:

В тег script помещаем переменную с неким текстом:

переменная = "Пример slice!";

Далее получим результат "slice" используем "slice(0)":

результат = переменная.slice(0);

Чтобы увидеть реальный код примера slice(0) используем:

button

+ onclick

+ alert:

<button type="button" onclick="alert(результат)">посмотреть результат</button>

Соберем весь код первого примера "slice(0)":

Код примера "slice(0)":

Соберем весь код примера "slice(0)":

<script>

переменная = "Пример slice!";

результат = переменная.slice(0);

</script>

<button type="button" onclick="alert(результат)">посмотреть результат</button>

Работа кода примера "slice(0)":

Для того, чтобы увидеть результат первого примера использования "slice(0)", то вам нужно нажать "посмотреть результат".

Заранее скажу, что ничего не изменилось, потому, что мы и ничего не меняли, вам вернется "Пример slice!"

посмотреть результат

Пример slice js №2.

Для того, чтобы рассмотреть второй пример использования "slice" вма понадобится:

Копируем все из выше приведенного пункта!

Но только вместо "0", поставим "1":

Соберем весь код:

Код примера slice(1):

<script>

переменная = "Пример slice!";

результат = переменная.slice(1);

</script>

<button type="button" onclick="alert(результат)">результат slice(1)</button>

Работа кода примера slice(1):

Для того, чтобы, опять, посмотреть результата выше приведенного код с "slice(1)", нажмите кнопку "slice(1)":

Как видим, в строка оказалась без начального символа.

результат slice(1)

Пример slice js №3(slice(0,-1)).

Для того, чтобы рассмотреть третий пример использования "slice" вам понадобится:

Копируем все из выше приведенного пункта!

Внутри slice помещаем "0,-1", что можно перевести так:

Начальная точка ноль"0", убираем последний элемент "-1".

Соберем весь код:

Код примера slice(0,-1):

<script>

переменная = "Пример slice!";

результат = переменная.slice(0,-1);

</script>

<button type="button" onclick="alert(результат)">результат slice(0,-1)</button>

Работа кода примера slice(1):

Для того, чтобы, снова, посмотреть результата выше приведенного код с "slice(0,-1)", нажмите кнопку "slice(0,-1)":

Как видим, строка оказалась без конечного восклицательного знака...

результат slice(0,-1)

Пример №4 slice js(slice(1,-1)) массив.

Выше я рассмотрел несколько примеров с использованием строки(string js), но, что если будем использовать массив?

Для рассмотрения примера с "slice" и массива, вам понадобится:

Выше приведенный код, как уже было несколько раз, но с некоторыми изменениями!

Переменную, что у нас имелась разобьем в массив с помощью "split".

Соберем весь код:

Код примера slice(1,-1) + массив:

<script>

переменная = "Пример slice!";

результат = переменная.split("").slice(1,-1);

</script>

<button type="button" onclick="alert(результат)">результат slice(1,-1)</button>

Работа кода примера slice(1,-1) + массив:

Для того, чтобы, снова, посмотреть результата выше приведенного код с "slice(0,-1)", нажмите кнопку "результат slice(1,-1)":

Как видим, наш метод "slice" спокойно работает с массивом!

результат slice(1,-1)