js常用方法总结

1、slice 和 splice

slice表示截取，slice(start,end)，不改变原数组，返回新数组。

splice表示删除，splice(start,length,item)，会改变原数组，从某个位置开始删除多个元素，并可以插入新的元素。

详细解析：

slice()：从已有的数组中返回你选择的某段数组元素

语法：arrayObject.slice(start,end)

①：start表示从何处开始选取，end表示从何处开始结束选取，表示一个选取的范围

②：start可以为负数，此时它规定从数组尾部开始算起的位置。也就是-1 ，指最后一个元素，-2 指倒数第二个元素，以此类推

③：end如果没有被指定参数，数组会包含从 start 到最后一个数组元素的所有元素

④：slice()方法不会修改数组本身，而是返回所选取范围的数组元素。如果想删除数组中的某一个元素，需要使用splice()

var arr = ['A', 'B', 'C', 'D', 'E'];
var arr1 = arr.slice(2);
console.log(arr1); //['C','D','E']

var arr = ['A', 'B', 'C', 'D', 'E'];
var arr1 = arr.slice(-2);
console.log(arr1); //['D','E']

splice()：从数组中添加或删除元素，然后返回被删除的数组元素。

语法：arrayObject.splice(index,howmany,item1,.....,itemX)

①：index表示从什么位置开始添加或删除数组元素

②：howmany表示删除的元素数量，如果为0，则表示不删除数组元素

③：tem1,.....,itemX表示新增的数组元素

④：splice()方法会改变原始数组

var arr = ['A', 'B', 'C', 'D', 'E'];
arr.splice(2, 0, 'New');
console.log(arr); //['A','B','New','C','D','E']

var arr = ['A', 'B', 'C', 'D', 'E'];
arr.splice(2, 1, 'New');
console.log(arr); //['A','B','New','D','E']

2、substring 和 substr

两者都是截取字符串。

相同点：如果只是写一个参数，两者的作用都一样：都是是截取字符串从当前下标以后直到字符串最后的字符串片段。

var str = '123456789';
console.log(str.substr(2));    //  "3456789"
console.log(str.substring(2)) ;//  "3456789"

不同点：第二个参数
substr（startIndex,lenth）： 第二个参数是截取字符串的长度（从起始点截取某个长度的字符串）；

substring（startIndex, endIndex）： 第二个参数是截取字符串最终的下标 （截取2个位置之间的字符串,‘含头不含尾’）。

console.log("123456789".substr(2,5));    //  "34567"
console.log("123456789".substring(2,5)) ;//  "345"