美文网首页
JavaScript中slice()、splice()、spli

JavaScript中slice()、splice()、spli

作者: Vivian_06e6 | 来源:发表于2018-09-04 14:09 被阅读0次

slice()和splice()都是数组截取方法(字符串中也有slice()方法);
1、a:slice(start,end)接受两个参数,第一个参数表示截取起始位置,
第二个参数表示截取终止位置(不包括下标为end的元素);以新数组的形式返回截取的数组部分,并不改变原数组;

var originArr = [1,2,3,4,5,6,7,8];
var sliceArr = originArr .slice(1,2);
console.log(sliceArr )
//返回 [2]   不包括下标为end的元素

b: slice(start,end)可以接受负的参数,-1表示倒数第一位,-2表示倒数第二位,以此类推;
如果两个参数均为负数的话,第一个参数所在数组的位置必须比第二个参数所在数组的位置更靠前,否则返回 ""空数组;

var originArr = [1,2,3,4,5,6,7,8];
var sliceArr = originArr .slice(-2,-1);
console.log(sliceArr )
//返回 [7]   不包括下标为end的元素
var originArr = [1,2,3,4,5,6,7,8];
var sliceArr = originArr .slice(-1,-2);
console.log(sliceArr )
//返回 [ ] 空数组   不包括下标为end的元素

2、a:splice(start,deleteCount,item1,item2...);
splice()方法向/从数组中添加/删除元素,然后返回被删除的元素组成的数组。
用于数组对象。这是一个强大的js数组操作方法,可以完成删除、插入、替换(删除+插入)功能。
第一个参数是删除的出发点,第二个是数量,第三个和之后的是插入的内容,从第一个参数开始的位置插入。

var originArr = [1,2,3,4,5,6,7,8];
var sliceArr = originArr .splice(1,2,55,66);
console.log(sliceArr )
//返回 [2, 3]   
console.log(originArr )
//返回   [1, 55, 66, 4, 5, 6, 7, 8]   改变了原数组 
//=========================
var originArr = [1,2,3,4,5,6,7,8];
var sliceArr = originArr .splice(1,0,55,66);
console.log(sliceArr )
//返回 []   
console.log(originArr )
//返回   [1, 55, 66, 2, 3, 4, 5, 6, 7, 8]  如果第二个参数为0,则不删除只插入,
//插入的位置从第一个参数为起始位置开始

3、split(separator,howmany) 用于分割字符串,返回一个数组,
Split是切割字符串的一种方法,该方法主要用于把一个字符串分割成字符串数组。
用于字符串对象。(本方法是产生新的字符串数组,不会改变源字符串。)

var originStr ="hellw,world,i love you";
var spliteStr = str.split(",");
console.log(spliteStr);//["hellw", "world", "i love you"]
console.log(originStr)//"hellw,world,i love you" 不改变原数组
//=======================
var spliteStr = str.split(",",2); //第二个参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度(一般情况下不设定这个参数).
//返回 ["hellw", "world"]  

4、join()用于连接多个字符或字符串,返回值为一个字符串;

var originArr = ["hellw", "world", "i love you"];
var spliteStr = originArr.join(",");
console.log(spliteStr);//返回 hellw,world,i love you
console.log(originArr)//返回["hellw", "world", "i love you"]

相关文章

网友评论

      本文标题:JavaScript中slice()、splice()、spli

      本文链接:https://www.haomeiwen.com/subject/flygwftx.html