小颖之前写过一篇文章:JavaScript Array 对象方法 以及 如何区分javascript中的toString()、toLocaleString()、valueOf()方法中有分享过slice()和splice()的用法。今天把slice、splice和split放一起,再看看有哈子区别嘻嘻,因为用的时候老混,放一起总结下,也方便后期查询。嘻嘻

目录:

1.slice

2.splice

3.split

代码:

1.slice

    <script type="text/javascript">
let arry = [1, 2, 3, 4, 5, 6];
/**************slice*******************/
// 1.slice(数组)不改变原数组
// 用法:arrayObject.slice(start,end)截取从索引为start开始(包括start)到索引到end之前(不包括end)得值
let _arr1 = arry.slice(1, 5);
console.log('数组arry:' + arry);
console.log('数组_arr1:' + _arr1);
//如果不传入参数二,那么将从参数一的索引位置开始截取,一直到数组尾
let _arr2 = arry.slice(2);
console.log('数组arry:' + arry);
console.log('数组_arr2:' + _arr2);
//如果不传入参数二,且参数一为负数(-2),将从参数倒数(从右向左)第2个位置开始截取,一直到数组尾
let _arr3 = arry.slice(-2);
console.log('数组arry:' + arry);
console.log('数组_arr3:' + _arr3);
//当只传入一个参数,是负数时,并且参数的绝对值大于数组length时,会截取整个数组
let _arr4 = arry.slice(-7);
console.log('数组arry:' + arry);
console.log('数组_arr4:' + _arr4);
//当传入两个参数一正一负时,start为正,end为负,且end+数组的length > start,则正常截取,当end+数组的length <= start 时,将返回一个空数组
let _arr5 = arry.slice(1, -1);
console.log('数组arry:' + arry);
console.log('数组_arr5:' + _arr5);
let _arr6 = arry.slice(1, -5);
console.log('数组arry:' + arry);
console.log('数组_arr6:' + _arr6);
//当传入两个参数一正一负时,start为负,end为正,且start+数组的length < end,则正常截取,当start+数组的length >= end 时,将返回一个空数组
let _arr7 = arry.slice(-5, 5);
console.log('数组arry:' + arry);
console.log('数组_arr7:' + _arr7);
let _arr8 = arry.slice(-5, 0);
console.log('数组arry:' + arry);
console.log('数组_arr8:' + _arr8);
let _arr9 = arry.slice(-5, 1);
console.log('数组arry:' + arry);
console.log('数组_arr9:' + _arr9);
//2.slice(字符串)
// slice方法复制string的一部分来构造一个新的字符串,用法与参数匀和数组的slice方法一样;
let stringA = "1,2,3,4,5,6,7";
let _string1 = stringA.slice(1, 7);
console.log('stringA长度:' + stringA.length);
console.log('_string1:' + _string1);
</script>

2.splice

实例1:

    let arry = [1, 2, 3, 4, 5, 6];
/**************splice*******************/
// 1.splice(数组)改变原数组
// 用法:arrayObject.splice(index,howmany,item1,.....,itemX)splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。
let _arr1 = arry.splice(1, 2,22,23);
console.log('数组arry:' + arry);
console.log('数组_arr1:' + _arr1);

实例2:

    let arry = [1, 2, 3, 4, 5, 6];
// /**************splice*******************/
// // 1.splice(数组)改变原数组
// // 用法:arrayObject.splice(index,howmany,item1,.....,itemX)splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。
// 如果start为负数,则截取从倒数(从右向左数)第几个到数组末尾之间的值,并从倒数第几个位置开始插入新的值。
let _arr2 = arry.splice(-2, 2,22,23);
console.log('数组arry:' + arry);
console.log('数组_arr2:' + _arr2);

3.split

参数 描述
separator 必需。字符串或正则表达式,从该参数指定的地方分割 stringObject。
howmany 可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。
    // split(字符串)
// 用法:stringObject.split(separator,howmany)把一个字符串分割成字符串数组
// 如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。
let stringA1 = "1,2,3,4,5,6,7";
let _stringArry1 = stringA1.split("");
console.log('stringA1:' + stringA1);
console.log('_stringArry1:' + _stringArry1);
let stringA2 = "1.2.3.4.5.6.7";
let _stringArry2 = stringA2.split(".");
console.log('stringA2:' + stringA2);
console.log('_stringArry2:' + _stringArry2);

最新文章

  1. VMWare三种工作模式 :bridge、host-only、nat
  2. SVG 2D入门8 - 文档结构
  3. Python安装Selenium3
  4. ASP.NET 后台不识别ASPX中的控件
  5. ACM2054_A=B
  6. 实例化讲解 RunLoop
  7. 汉子英文同行 连续英文不折行断行 的问题 兼容FIREFOX浏览器CSS
  8. erlang R17新socket选项{active,N}
  9. Spring3 MVC 类型转换
  10. 201521123092《java程序设计》第九周学习总结
  11. SNMP PDU解析
  12. 值得珍藏的HTTP协议详解
  13. ceph 常见问题百科全书---luminous安装部署篇
  14. redhat7初始化yum源
  15. 【BZOJ1015】【JSOI2008】星球大战 并查集
  16. CSS-2
  17. Matlab Euler's method
  18. JS实现倒计时(天数,时,分,秒)
  19. js之窗口位置
  20. 写在vue总结之前(二)

热门文章

  1. 又看了半天的pdf格式的js方面的书,感觉受益匪浅啊,只会一点操作的我,要学好理论
  2. 一键切换hosts文件
  3. 关于High-Contrast的资料
  4. WebGL 进入三维世界
  5. linux(redhat)环境下,如何解压rar文件?
  6. 浏览器端Less
  7. 图表ASP:Chart
  8. SpringMVC -- 梗概--源码--贰--RestFul收参(了解) @PathVariable
  9. NetBpm 目录
  10. 树莓派(Raspberry Pi)USB无线网卡自动连接,二代B