Смещение элементов массива

JavaScriptJavaScriptBeginner
Практиковаться сейчас

This tutorial is from open-source community. Access the source code

💡 Этот учебник переведен с английского с помощью ИИ. Чтобы просмотреть оригинал, вы можете перейти на английский оригинал

Введение

В этом практическом занятии мы изучим интересную функцию JavaScript, которая позволяет смещать элементы массива на указанное количество позиций. Мы узнаем, как использовать метод Array.prototype.slice() и оператор расширения, чтобы перемещать элементы либо с начала до конца, либо с конца до начала массива в зависимости от значения смещения. Это практическое занятие предназначено для помощи разработчикам JavaScript в улучшении их понимания манипуляций с массивами.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28527{{"Смещение элементов массива"}} javascript/data_types -.-> lab-28527{{"Смещение элементов массива"}} javascript/arith_ops -.-> lab-28527{{"Смещение элементов массива"}} javascript/comp_ops -.-> lab-28527{{"Смещение элементов массива"}} javascript/spread_rest -.-> lab-28527{{"Смещение элементов массива"}} end

Как смещать элементы массива в JavaScript

Для перемещения указанного количества элементов в конец массива JavaScript выполните следующие шаги:

  1. Откройте Терминал/SSH и введите node, чтобы начать практиковаться в написании кода.
  2. Используйте метод Array.prototype.slice() дважды, чтобы получить элементы после указанного индекса и элементы перед ним.
  3. Используйте оператор расширения (...), чтобы объединить два массива в один.
  4. Если offset отрицательный, элементы будут перемещены с конца массива в начало.

Вот пример кода, который реализует функцию offset:

const offset = (arr, offset) => [...arr.slice(offset), ...arr.slice(0, offset)];

Затем вы можете вызвать функцию с желаемыми значениями массива и смещения:

offset([1, 2, 3, 4, 5], 2); // [3, 4, 5, 1, 2]
offset([1, 2, 3, 4, 5], -2); // [4, 5, 1, 2, 3]

Резюме

Поздравляем! Вы завершили практическое занятие по смещению элементов массива. Вы можете выполнить больше практических занятий в LabEx, чтобы улучшить свои навыки.