- JavaScript Basics
- JavaScript Tutorial
- JavaScript: where to write
- JavaScript: how to display
- JavaScript: keywords
- JavaScript: comments
- JavaScript: variables
- JavaScript: operators
- JavaScript: data types
- JavaScript Conditional Statements
- JavaScript: if-else
- JavaScript: switch
- JavaScript: for loop
- JavaScript: while loop
- JavaScript: do-while loop
- JavaScript: break and continue
- JavaScript Popup Boxes
- JavaScript: alert box
- JavaScript: confirm box
- JavaScript: prompt box
- JavaScript Popular Topics
- JavaScript: functions
- JavaScript: innerHTML
- JavaScript: getElementById()
- JavaScript: getElementsByClassName()
- JavaScript: getElementsByName()
- JavaScript: getElementsByTagName()
- JavaScript: querySelector()
- JavaScript: querySelectorAll()
- JavaScript: document.write()
- JavaScript: console.log()
- JavaScript: boolean
- JavaScript: events
- JavaScript: Math object
- JavaScript: Math.random()
- JavaScript: Number()
- JavaScript: parseInt()
- JavaScript: parseFloat()
- JavaScript Arrays
- JavaScript: array
- JavaScript: find length of array
- JavaScript: add element at beginning
- JavaScript: add element at end
- JavaScript: remove first element
- JavaScript: remove last element
- JavaScript: get first index
- JavaScript: get last index
- JavaScript: reverse an array
- JavaScript: sort an array
- JavaScript: concatenate arrays
- JavaScript: join()
- JavaScript: toString()
- JavaScript: from()
- JavaScript: check if value exists
- JavaScript: check if array
- JavaScript: slice an array
- JavaScript: splice()
- JavaScript: find()
- JavaScript: findIndex()
- JavaScript: entries()
- JavaScript: every()
- JavaScript: fill()
- JavaScript: filter()
- JavaScript: forEach()
- JavaScript: map()
- JavaScript Strings
- JavaScript: string
- JavaScript: length of string
- JavaScript: convert to lowercase
- JavaScript: convert to uppercase
- JavaScript: string concatenation
- JavaScript: search()
- JavaScript: indexOf()
- JavaScript: search() vs. indexOf()
- JavaScript: match()
- JavaScript: match() vs. search()
- JavaScript: replace()
- JavaScript: toString()
- JavaScript: String()
- JavaScript: includes()
- JavaScript: substr()
- JavaScript: slice string
- JavaScript: charAt()
- JavaScript: repeat()
- JavaScript: split()
- JavaScript: charCodeAt()
- JavaScript: fromCharCode()
- JavaScript: startsWith()
- JavaScript: endsWith()
- JavaScript: trim()
- JavaScript: lastIndexOf()
- JavaScript Date and Time
- JavaScript: date and time
- JavaScript: Date()
- JavaScript: getFullYear()
- JavaScript: getMonth()
- JavaScript: getDate()
- JavaScript: getDay()
- JavaScript: getHours()
- JavaScript: getMinutes()
- JavaScript: getSeconds()
- JavaScript: getMilliseconds()
- JavaScript: getTime()
- JavaScript: getUTCFullYear()
- JavaScript: getUTCMonth()
- JavaScript: getUTCDate()
- JavaScript: getUTCDay()
- JavaScript: getUTCHours()
- JavaScript: getUTCMinutes()
- JavaScript: getUTCSeconds()
- JavaScript: getUTCMilliseconds()
- JavaScript: toDateString()
- JavaScript: toLocaleDateString()
- JavaScript: toLocaleTimeString()
- JavaScript: toLocaleString()
- JavaScript: toUTCString()
- JavaScript: getTimezoneOffset()
- JavaScript: toISOString()
- JavaScript Regular Expression
- JavaScript: regular expression
- JavaScript: RegEx . (dot)
- JavaScript: RegEx \w and \W
- JavaScript: RegEx \d and \D
- JavaScript: RegEx \s and \S
- JavaScript: RegEx \b and \B
- JavaScript: RegEx \0
- JavaScript: RegEx \n
- JavaScript: RegEx \xxx
- JavaScript: RegEx \xdd
- JavaScript: RegEx quantifiers
- JavaScript: RegEx test()
- JavaScript: RegEx lastIndex
- JavaScript: RegEx source
- JavaScript Programs
- JavaScript Programs
JavaScript slice(): Slice an Array
The JavaScript slice() method is used to slice an array. For example:
HTML with JavaScript Code
<!DOCTYPE html>
<html>
<body>
<p id="xyz"></p>
<script>
const myArray = ["Boston", "Austin", "Seattle", "Oakland", "Denver"];
const newArray = myArray.slice(1, 4);
document.getElementById("xyz").innerHTML = newArray;
</script>
</body>
</html>Output
In the above example, the following statement:
const newArray = myArray.slice(1, 4);
states that the elements from index number 1 (included) to 4 (excluded), that is Austin (at index number 1), Seattle (at index number 2), and Oakland (at index number 3), get sliced and initialized to newArray as a new array.
JavaScript slice() syntax
The syntax of the slice() method in JavaScript is:
array.slice(startingIndex, endingIndex)
Note: The default value of startingIndex is 0, whereas the default value of endingIndex is the index of the last element that will be array.length - 1.
Note: The startingIndex is included, whereas the endingIndex is excluded. That means, slice(3, 7) indicates that the elements from index number 3 to index number 6 will be sliced, where both 3 and 6 indexed elements are included while slicing.
Use a negative value or number to slice elements from the end of the specified array. For example:
HTML with JavaScript Code
<!DOCTYPE html>
<html>
<body>
<p id="xyz"></p>
<script>
const arr = ["Boston", "Austin", "Seattle", "Oakland", "Denver"];
const narr = arr.slice(-4, -1);
document.getElementById("xyz").innerHTML = narr;
</script>
</body>
</html>Output
JavaScript slice() example
Consider the following code as another example demonstrating the slice() method in JavaScript:
HTML with JavaScript Code
<!DOCTYPE html>
<html>
<body>
<p>Original Array: <b><span id="original"></span></b></p>
<p>New Array (after using slice(2, 3)): <b><span id="slice"></span></b></p>
<script>
const a = ["Boston", "Austin", "Seattle", "Oakland", "Denver"];
document.getElementById("original").innerHTML = a;
const na = a.slice(2, 3);
document.getElementById("slice").innerHTML = na;
</script>
</body>
</html>Output
Original Array:
New Array (after using slice(2, 3)):
« Previous Tutorial Next Tutorial »