кодесурса
«JavaScript

JavaScript slice () Метод: Объект Array

script1adsense2code
script1adsense3code

Описание

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

Версия

Реализовано в JavaScript 1.2

Синтаксис

 срез (начало, конец) 

параметры

начало: указывает, где начать извлечение.

end: указывает, где закончить извлечение.

Начальная позиция обязательна, а конечная позиция необязательна. Если конец не указан, фрагмент извлекается до конца последовательности. В качестве отрицательного индекса end указывает смещение от конца последовательности

Пример -1

В следующем веб-документе метод slice () извлекает второй и третий элементы из фруктового списка и создает новый массив.

HTML-код

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf8" />
<title>JavaScript slice() method example</title>
<style type="text/css">
h1 {color:red}
</style>
</head>
<body>
<h1>JavaScript : slice() method</h1>
<script src="array-slice-example1.js"></script>
</body>
</html>

Код JS

var fruitslist = new Array("Orange","Apple","Banana","Chery" );
var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("List of Fruits : " + fruitslist); 
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph); 
var newfruitslist =fruitslist.slice(1,3);
var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("Extract Fruits List : " + newfruitslist); 
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph); 

Посмотреть пример в браузере

Практикуйте пример онлайн

Пример использования метода JavaScript slice ()

Пример -2

В следующем веб-документе метод slice () извлекает последние два элемента из списка фруктов и создает новый массив.

HTML-код

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf8" />
<title>JavaScript slice() method from last two - example
</title>
<style type="text/css">
h1 {color:red}
</style>
</head>
<body>
<h1>JavaScript : slice() method</h1>
<script src="array-slice-example2.js"></script>
</body>
</html>

Код JS

var fruitslist = new Array("Orange","Apple","Banana","Chery");
var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("List of  Fruits : "+fruitslist);
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph); 
var newfruitslist = fruitslist.slice(0,-2);
var newParagraph1 = document.createElement("p"); 
var newText1 = document.createTextNode("Extract Fruits List : " + newfruitslist); newParagraph1.appendChild(newText1); 
document.body.appendChild(newParagraph1);

Посмотреть пример в браузере

Практикуйте пример онлайн

JS Bin

Смотрите также:

Основные объекты JavaScript, методы, свойства.

Предыдущий: JavaScript shift () Метод: Array Object
Далее: JavaScript splice () Метод: Объект Array

Новый контент: Composer: менеджер зависимостей для PHP , R программирования


script1adsense4code
script1adsense5code
disqus2code
script1adsense6code
script1adsense7code
script1adsense8code
buysellads2code