xxxxxxxxxx
//The slice() method extracts a section of a string and returns
//it as a new string, without modifying the original string.
// same in array but you select elements not characters
const str = 'The quick brown fox jumps over the lazy dog.';
console.log(str.slice(31));
// expected output: "the lazy dog."
console.log(str.slice(4, 19));
// expected output: "quick brown fox"
console.log(str.slice(-4));
// expected output: "dog."
console.log(str.slice(-9, -5));
// expected output: "lazy"
xxxxxxxxxx
//The slice() method extracts a section of a string and returns
//it as a new string, without modifying the original string.
// same in array but you select elements not characters
const str = 'The quick brown fox jumps over the lazy dog.';
console.log(str.slice(31));
// expected output: "the lazy dog."
console.log(str.slice(4, 19));
// expected output: "quick brown fox"
console.log(str.slice(-4));
// expected output: "dog."
console.log(str.slice(-9, -5));
// expected output: "lazy"
console.log(str.slice(0, 2));
// expected output: "the"
// Up to and including the last index!!!
// Different for python.
xxxxxxxxxx
const array = [1, 2, 3, 4, 5, 6, 7, 8, 9]
const objectArray = [
{
name: "Mehedi",
age: 21
},
{
name: "Ripon",
age: 25
},
{
name: "Developer",
age: 22
},
]
// only start index and it will slice the array from index 2
// upto last element of the array
const sliceStart = array.slice(2)
// start and end index
const sliceStartEnd = array.slice(2, 4)
// negative index
const negativeSlice = array.slice(-2)
// negative end index with positive start index
const negativeSliceStartEnd = array.slice(1, -2)
//slice chaining
const sliceChaining = array.slice(2, 4).slice(0, 4)
// slicing object array
const objectArraySlicing = objectArray.slice(1, 3)
// slicing the first half of the array excluding the middle element
const lengthSlicing = array.slice(Math.floor(array.length / 2), array.length)
// slice then sort in descending order
const sliceSort = array.slice(2, 5).sort((a, b) => b - a)
// slice then filter
const sliceFilter = array.slice(2, 6).filter(i => i > 4)
// slice then map
const sliceMap = array.slice(2, 5).map(i => i * 4)
// returning an array after slicing
const restParameters = (args) => {
return args.slice(2, 6)
}
console.log("Slicing with only start index - ", sliceStart)
console.log("Slicing with start and end index - ", sliceStartEnd)
console.log("Slicing with negative index - ", negativeSlice)
console.log("Slicing with negative end index - ", negativeSliceStartEnd)
console.log("Slicing with chaining - ", sliceChaining)
console.log("Slicing with array of objects - ", objectArraySlicing)
console.log("Slicing the second half of the array - ", lengthSlicing)
console.log("Slicing with sort - ", sliceSort)
console.log("Slicing with filter - ", sliceFilter)
console.log("Slicing with map - ", sliceMap)
console.log("Slicing array inside function - ", restParameters(array))
xxxxxxxxxx
const arr=[1,2,3,4,5];
const slicedArr = arr.slice(1,4); // slicedArr = [2,3,4]
xxxxxxxxxx
const string="Hi my name is mezen";
string.slice (2); // return string without the character of index 2;
string.slice (6); // return string without the character of index 6;
string.slice (3,7) /* return 'my na' (m of index 3; a of index 7) including the
blank spaces */
xxxxxxxxxx
// slice method
const FRUITS = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const favFruites=FRUITS.slice(0,1);
const favFruite2=FRUITS.slice(0,3);
const favFruite3=FRUITS.slice(-4);
const favFruite4=FRUITS.slice(-4,-2);
console.log(favFruites);
console.log(favFruite2);
console.log(favFruite3);
console.log(favFruite4);
// output is=
// [ 'Banana' ]
// [ 'Banana', 'Orange', 'Lemon' ]
// [ 'Orange', 'Lemon', 'Apple', 'Mango' ]
// [ 'Orange', 'Lemon' ]
// note: its start print value from starting index but not print last indexnumber
// Returns a copy of a section of an array. For both start and end,
// a negative index can be used to indicate an offset from the end of the array.
// For example, -2 refers to the second to last element of the array.
xxxxxxxxxx
const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];
console.log(animals.slice(2));
// expected output: Array ["camel", "duck", "elephant"]
console.log(animals.slice(2, 4));
// expected output: Array ["camel", "duck"]
console.log(animals.slice(1, 5));
// expected output: Array ["bison", "camel", "duck", "elephant"]
console.log(animals.slice(-2));
// expected output: Array ["duck", "elephant"]
console.log(animals.slice(2, -1));
// expected output: Array ["camel", "duck"]
console.log(animals.slice());
// expected output: Array ["ant", "bison", "camel", "duck", "elephant"]
//SOURCE => MDN web docs
xxxxxxxxxx
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1, 3);
// fruits contains ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango']
// citrus contains ['Orange','Lemon']
xxxxxxxxxx
slice()
slice(start)
slice(start, end)
slice(start, end, contentType)
xxxxxxxxxx
const fruits = ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango'];
const citrus = fruits.slice(1, 3);
// fruits contains ['Banana', 'Orange', 'Lemon', 'Apple', 'Mango']
// citrus contains ['Orange','Lemon']