join、split、slice、splice、substring、substr、unshift方法的使用

join、split、slice、splice、substring、substr、unshift方法的使用

（1）join() 方法将数组作为字符串返回。

​ 元素将由指定的分隔符分隔。默认分隔符是逗号 (,)。

​ 注释： join() 方法不会改变原始数组。

语法

array.join(separator)

参数值

参数	描述
separator	可选。要使用的分隔符。如果省略，元素用逗号分隔。

技术细节

返回值：	字符串值，表示数组值，由指定的分隔符分隔。

示例：

const fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.join('/'))//  输出：Banana/Orange/Apple/Mango

（2）split() 方法用于把一个字符串分割成字符串数组。

注释： split() 方法不会改变原始字符串。

语法

stringObject.split(separator,howmany)

参数	描述
separator	必需。字符串或正则表达式，从该参数指定的地方分割 stringObject。
howmany	可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。

返回值

一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。

但是，如果 separator 是包含子表达式的正则表达式，那么返回的数组中包括与这些子表达式匹配的字串（但不包括与整个正则表达式匹配的文本）。

注意：

如果把空字符串 (“”) 用作 separator，那么 stringObject 中的每个字符之间都会被分割。

String.split() 执行的操作与 Array.join 执行的操作是相反的。

示例：

var str="How are you doing today"
console.log(str.split(" ",3));//  输出： ['How', 'are', 'you']
console.log(str);//How are you doing today

（3）slice() 方法以新的数组对象，返回数组中被选中的元素。

slice() 方法选择从给定的 start 参数开始的元素，并在给定的 end 参数处结束，但不包括。

注释： slice() 方法不会改变原始数组。

语法

array.slice(start, end)

参数值

参数	描述
start	可选。整数，指定从哪里开始选择（第一个元素的索引为 0）。使用负数从数组的末尾进行选择。如果省略，则类似于 “0”。
end	可选。整数，指定结束选择的位置。如果省略，将选择从开始位置到数组末尾的所有元素。使用负数从数组末尾进行选择。

技术细节

返回值：	新的数组，包含选定的元素。

示例：

var str="How are you doing today"
console.log(str.slice(2,9));//  输出： w are y

（4）splice() 方法用于将项目添加到数组

定义和用法

splice() 方法向/从数组添加/删除项目，并返回删除的项目。

注释： splice() 方法会改变原始数组。

语法

array.splice(index, howmany, item1, ....., itemX)

参数	描述
index	必需。整数，指定在什么位置添加/删除项目，使用负值指定从数组末尾开始的位置。
howmany	可选。要删除的项目数。如果设置为 0，则不会删除任何项目。
item1, …, itemX	可选。要添加到数组中的新项目。

返回值

返回值：	新数组，包含删除的项目（如果有）。

示例：

//在位置 2，添加新项目，并删除 1 个项目
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 1, "Lemon", "Kiwi");//  输出： ['Apple']
console.log(fruits);//输出：['Banana', 'Orange', 'Lemon', 'Kiwi', 'Mango']
//在位置 2，删除 2 个项目：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2);//输出： ['Lemon', 'Kiwi']

（5）substring() 方法用于提取字符串中介于两个指定下标之间的字符。

注释： substring() 方法不会改变原始字符串。

语法

stringObject.substring(start,stop)

参数	描述
start	必需。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。
stop	可选。一个非负的整数，比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数，那么返回的子串会一直到字符串的结尾。

返回值

一个新的字符串，该字符串值包含 stringObject 的一个子字符串，其内容是从 start 处到 stop-1 处的所有字符，其长度为 stop 减 start。

说明

substring() 方法返回的子串包括 start 处的字符，但不包括 stop 处的字符。

如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数。

**重要事项：**与 slice() 和 substr() 方法不同的是，substring() 不接受负的参数。

示例：

var str="How are you doing today"
console.log(str.substring(5));//  输出： re you doing today
console.log(str);//How are you doing today

（6）substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。

注释： substr() 方法不会改变原始字符串。

语法

stringObject.substr(start,length)

参数	描述
start	必需。要抽取的子串的起始下标。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。
length	可选。子串中的字符数。必须是数值。如果省略了该参数，那么返回从 stringObject 的开始位置到结尾的字串。

返回值

一个新的字符串，包含从 stringObject 的 start（包括 start 所指的字符） 处开始的 length 个字符。如果没有指定 length，那么返回的字符串包含从 start 到 stringObject 的结尾的字符。

提示和注释

注释： substr() 的参数指定的是子串的开始位置和长度，因此它可以替代 substring() 和 slice() 来使用。

重要事项： ECMAscript 没有对该方法进行标准化，因此反对使用它。

重要事项： 在 IE 4 中，参数 start 的值无效。在这个 BUG 中，start 规定的是第 0 个字符的位置。在之后的版本中，此 BUG 已被修正。

示例：

var str="How are you doing today"
console.log(str.substr(4,9));//  输出： are you d
console.log(str);//How are you doing today

（7）unshift() 方法将新项目添加到数组的开头

定义和用法

unshift() 方法将新项添加到数组的开头，并返回新的长度。

注释： unshift() 方法 会改变数组的长度。

提示： 如需在数组末尾添加新项，请使用 push() 方法。

语法

array.unshift(item1, item2, ..., itemX)stringObject.substr(start,length)

参数	描述
item1, item2, …, itemX	必需。要添加到数组开头的项。

返回值

返回值：	数值，表示数组的新长度。

示例：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon","Pineapple");//  输出： 6
console.log(fruits);// ['Lemon', 'Pineapple', 'Banana', 'Orange', 'Apple', 'Mango']

总结：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.join('/'))// Banana/Orange/Apple/Mango
var str="How are you doing today"
console.log(str.split(" ",3));// ['How', 'are', 'you']
console.log(str);//How are you doing today
console.log(str.slice(2,9));//w are y
console.log(str.substring(5));//re you doing today
console.log(str);//How are you doing today
console.log(str.substr(4,9));//are you d
console.log(str);//How are you doing today
console.log(fruits.unshift("Lemon","Pineapple"))//6
console.log(fruits);// ['Lemon', 'Pineapple', 'Banana', 'Orange', 'Apple', 'Mango']
console.log(fruits.splice(2, 1, "Lemon", "Kiwi"));//['Banana']
console.log(fruits);//['Lemon', 'Pineapple', 'Lemon', 'Kiwi', 'Orange', 'Apple', 'Mango']
console.log(fruits.splice(2, 2))//['Lemon', 'Kiwi']