Работа с массивами в Javascript, не правильно работает метод slice

denis_alekss · December 22, 2020

Прочитал про метод slice на сайте Javascript https://learn.javascript.ru/array-methods. Не правильно выводит массив.

Вот код:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тест</title>
 </head>
 <body>  
<p id="result"></p>

    <script>
let arr = ["Я", "изучаю", "JavaScript", "прямо", "сейчас", "помни", "это"];
arr.slice(-4);
for(let i = 0; i<arr.length; i++){
result.innerHTML += i + " - " + arr[i] + '<br>'}
 
  </script>
 </body>
</html>

Строка

arr.slice(-4);

Должна с 4-го элемента, считаем с конца массива, так как там минус 4. Это элемент прямо.

Должно вывести со слова прямо до конца все элементы. А выводит все элементы полностью.

Если изменить код на такой:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тест</title>
 </head>
 <body>  
<p id="result"></p>

    <script>
let arr = ["Я", "изучаю", "JavaScript", "прямо", "сейчас", "помни", "это"];
let rez = arr.slice(-4);
for(let i = 0; i<rez.length; i++){
result.innerHTML += i + " - " + arr[i] + '<br>'}
 
  </script>
 </body>
</html>

произойдет вывод только первых 4-х элементов, но правило гласит если -4, с конца считаем 4 -ый элемент и выводим все элементы до конца, но выводится почему-то элементы сначала,

0 - Я
1 - изучаю
2 - JavaScript
3 - прямо

вместо такого вывода:

 "прямо", "сейчас", "помни", "это"

Второй пример:

Если я захочу скопировать с какого-то элемента массива по какой-то. Например со 2-го элемента по 5.

И напишу такой код:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тест</title>
 </head>
 <body>  
<p id="result"></p>

    <script>
let arr = ["Я", "изучаю", "JavaScript", "прямо", "сейчас", "помни", "это"];
let rez = arr.slice(2,5);
for(let i = 0; i<rez.length; i++){
result.innerHTML += i + " - " + arr[i] + '<br>'}
 
  </script>
 </body>
</html>

arr.slice(2,5); Не приосходит копирования, происходит вывод непонятно чего, а вывод такой в итоге:

0 - Я
1 - изучаю
2 - JavaScript

хотя я эти элементы не выбирал вообще, а выбирал эти:

"изучаю", "JavaScript", "прямо", "сейчас",

Edited December 22, 2020 by denis_alekss

Igor Schnaider · December 22, 2020

`Array.prototype.slice` – не мутирующий метод. Он не изменят массив, на котором вызывается, а возвращает новый. В примерах, где вы присваиваете этот новый массив, в цикле обхода по-прежнему обращаетесь к оригинальному, вот и вся проблема.

denis_alekss · December 23, 2020

Я выводил не новый массив, а старый, в этом был залет. Поменял на строку

result.innerHTML += i + " - " + rez[i] + '<br>'}

Вроде как заработал вывод. Только есть момент.

Если к написать вот так:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тест</title>
 </head>
 <body>  
<p id="result"></p>

    <script>
let arr = ["Я", "изучаю", "JavaScript", "прямо", "сейчас", "помни", "это"];
let rez = arr.slice(-3);
for(let i = 0; i<rez.length; i++){
result.innerHTML += i + " - " + rez[i] + '<br>'}
 
  </script>
 </body>
</html>

Вывод правильный, с конца массива стартует вывод с третьего элемента по последний:

0 - сейчас
1 - помни
2 - это

Ели поменять эту строку:

let rez = arr.slice(-3);

на

let rez = arr.slice(2,5);

Вывод такой:

0 - JavaScript
1 - прямо
2 - сейчас

Но должен произойти вывод со 2-го элемента по 5, но происходит вывод со второго по 4-ый элемент, почему?

2 элемент массива: "JavaScript",

3 элемент массива: "прямо",

4 элемент массива: "сейчас",

5 элемент массива: "помни",

5 -ый элемент, слово помни не выводит.

Igor Schnaider · December 23, 2020

На MDN в принципе неплохая документация по методам в языке, почитайте. (По существу если, по 5 элемент, не включая его.)

Sign In

Работа с массивами в Javascript, не правильно работает метод slice

Question

denis_alekss

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Igor Schnaider

Link to comment

Share on other sites

denis_alekss

Link to comment

Share on other sites

Igor Schnaider

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information