- 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 a String
The JavaScript slice() method is used to extract the required substring from the specified string. For example:
<!DOCTYPE html>
<html>
<body>
<p id="xyz"></p>
<script>
let myString = "JavaScript is Fun.";
let mySubString = myString.slice(11, 13);
document.getElementById("xyz").innerHTML = mySubString;
</script>
</body>
</html>Since indexing starts with 0, therefore in the string "JavaScript is Fun."
- 'J' is at index no.0
- 'a' is at index no.1
- 'v' is at index no.2
- and so on
In the above example, firstly, a string variable named myString is declared and initialized with the value "JavaScript is Fun.".
Then, the slice() method is called on the myString variable with two arguments, 11 and 13. The first argument 11 specifies the starting index from which to begin extracting characters from the string, and the second argument 13 specifies the ending index up to which the characters are to be extracted, but not including the character at the index specified by the second argument.
So, in this case, the slice() method extracts the characters starting from index 11 (which is the letter "F" in "Fun") up to index 13 (which is the period "." at the end of the string), but not including the character at index 13. Therefore, the variable mySubString contains the value "Fu".
Finally, the value of mySubString is assigned to the inner HTML of an element with the id "xyz," which results in the text "Fu" being displayed on the webpage.
JavaScript slice() syntax
The syntax of the slice() method in JavaScript is:
string.slice(startIndex, endIndex)
The startIndex argument is required, whereas the endIndex argument is optional. The default value of endIndex is the length of the specified string (string.length - 1).
Note: The startIndex value is included, whereas the endIndex value is excluded while slicing the string. For example: string.slice(3, 6) states that the character from index no. 3 to index no. 5 will be sliced or extracted, including characters are 3 and 5 indexes.
Note: The string.slice(0, 1) function extracts the first character from the string.
Note: The string.slice(-1) function extracts the last character from the string.
Note: The string.slice(0) function extracts the whole string.
« Previous Tutorial Next Tutorial »