«Единственный способ творить великие дела – это любить то, что ты делаешь»
JavaScript

Игра на «Морской Бой» на JavaScript: Простая Игра и Игра для Двоих


Из предыдущих заметок известно, как добавить элемент в начало или конец массива и как удалить первый или последний элемент.

Но JavaScript имеет более широкие возможности при работе с элементами в массивах.

Рассмотрим метод splice, который позволяет добавить, удалить или заменить любое число элементов в любом месте массива.

Для работы с методом splice снова будем иметь дело с массивом «Друзья».

<script type="text/javascript">

var friends = [" Алексей", " Вячеслав", " Григорий", " Настя", " Павел"];

</script>



Метод splice - Удаление элементов из массива

Рассмотрим, как в JavaScript при помощи метода splice удалить несколько элементов из массива. Для этого в методе splice нужно указать два числовых параметра.

1-е число будет говорить о том, с какого элемента (включительно) массива следует начать удаление. Здесь указывается индекс/порядковый номер элемента массива (следует помнить, что нумерация элементов массива начинается с 0).

2-е число указывает на количество удаляемых элементов.

Фрагмент кода

<script type="text/javascript">

var friends = [" Алексей", " Вячеслав", " Григорий", " Настя", " Павел"];

document.write(friends + "<p>");

friends.splice(3, 2); // Начиная с 3-го, удаляем 2 элемента из массива

document.write(friends);

</script>

Результат

Алексей, Вячеслав, Григорий, Настя, Павел

Алексей, Вячеслав, Григорий

В данном примере мы рассмотрели, как при помощи метода splice удалить несколько элементов из массива. Были удалены два элемента, начиная с элемента с порядковым номером 3 (индекс 3).

Метод splice - Добавление элементов в массив

Рассмотрим, как в JavaScript при помощи метода splice добавить несколько элементов в массив.

Чтобы добавить элементы в массив при помощи метода splice необходимо так же, как и при удалении элементов указать два числовых параметра, при этом вторым числом будет ноль.

1-е число говорит о том, перед каким элементом массива следует начать добавление. Здесь указывается индекс/порядковый номер элемента массива.

2-е число - это 0. Если указать любое число отличное от нуля, то оно будет указывать на количество удаляемых элементов. Но в данном случае мы не удаляем, а добавляем элементы в массив.

Итак, после нуля указываем элементы, которые необходимо добавить в массив.

Фрагмент кода

<script type="text/javascript">

var friends = [" Алексей", " Вячеслав", " Григорий", " Настя", " Павел"];

document.write(friends + "<p>");

friends.splice(3, 0, " Дмитрий", " Евгений"); // Перед 3-им элементом массива добавляем еще 2

document.write(friends);

</script>

Результат

Алексей, Вячеслав, Григорий, Настя, Павел

Алексей, Вячеслав, Григорий, Дмитрий, Евгений, Настя, Павел

В данном примере мы рассмотрели, как при помощи метода splice добавить несколько элементов в массив.

Перед элементом массива с порядковым номером 3 было добавлено еще два элемента.

Метод splice - Замена элементов массива

Рассмотрим третий вариант работы с методом splice, и узнаем, как проводить замену элементов массива в JavaScript.

Для замены элементов массива сначала необходимо удалить, например, два элемента, а затем указать те, которые необходимо добавить (их может быть как больше числа удаляемых элементов, так и меньше).

Фрагмент кода

<script type="text/javascript">

var friends = [" Алексей", " Вячеслав", " Григорий", " Настя", " Павел"];

document.write(friends + "<p>");

friends.splice(1, 2," Дмитрий"," Евгений", " Я");

document.write(friends);

</script>

Результат

Алексей, Вячеслав, Григорий, Настя, Павел

Алексей, Дмитрий, Евгений, Я, Настя, Павел

В этом примере мы рассмотрели, как в JavaScript заменить элементы в массиве при помощи метода splice. Здесь указано, что сначала нужно удалить два элемента из массива, начиная с элемента с индексом 1, затем то, какие элементы следует добавить в массив.

Итак, метод splice в JavaScript позволяет добавлять, удалить и проводить замену нескольких элементов в массивах.

Отзывы и комментарии:

Комментариев нет...

Оставить отзыв:

Ваше Имя:

Текст комментария:

Ответьте на вопрос:

Сколько дней в Високосном году?


Массивы
Метод splice – Добавление, удаление и замена нескольких элементов
1742
Введение в массивы - Создание массивов
3772
Способы вывода данных из массива
3571
Практическая задача - Создание массива
1556
Свойство length - число элементов массива
1826
Добавление элементов в массив
1801
Удаление элементов из Массива
1660
Индекс последнего элемента массива
1787
Практическая задача – Удаление и добавление элементов в массив
1242
Практическая задача - Метод splice
910
Метод reverse - Меняем порядок элементов массива
1274
Метод sort - сортировка элементов массива
1126
Метод join – Тип разделителя между элементами массива
1251
Метод concat - Объединение массивов
1104
Метод slice - Копирование элементов массива
1207
Многомерные массивы - Доступ к элементам многомерного массива
2355
Последние заметки
Популярные заметки