JS 中常见数组API使用方法(join、concat、slice、splice、reverce)

刚接触前端不久,个人觉得学习程序还是需要经常总结的。下面是我的一些知识的归纳总结,如果哪里说得不对的还请各位大神指点!

1、to str
(1)String(arr)将数组中的每个元素转为字符串并用逗号“ , ”连接。又称之为“拍照”。
(2)arr.join(“连接符”);
将数组中每个元素转为字符串,用自定义的连接符连接每个元素
无缝拼接,若省略连接符和String等效,可批量生成页面元素
固定套路:
a,无缝拼接: var str = arr.join(“  ”);
b,将数组中的元素拼接为页面的html代码。
2、拼接和截取
(1)拼接(既可以放单个数值也可以放数组)
var newArr = arr.cancat(值1,值2,arr1,arr2,...);
注意:生成新数组原数组保持不变
优点:课打散数组类型的参数逐个拼接(apply也可以)
缺点:只能拼接在开头或结尾
(2)截取数组
var SubArr=arr.slice(starti,endi+1);
复制出arr中starti位置开始到endi位置结束的元素组成新数组返回(在字符串和数组中通用)
强调:
含头不含尾,结束位置+1
支持负数参数,表示倒数第n个位置(执行的是length-n)
若省略第二个参数,表示从starti开始截到末尾
注意:concat和slice 都无法直接修改原数组,而是返回新数组,需要用变量接住。
3、splice (删除、插入、替换)--直接修改原数组
(1)删除
arr.splice(starti,n);删除starti位置开始的n个元素
(2)插入(不支持数组类型的参数)
a、arr.splice(starti,0,值1,值2,...);
b、在arr中的starti位置插入值1,值2,原来starti位置的值以及其后面的值自动向右移。
c、不支持数组类型的参数,无法打散数组,只能单独传入
(3)替换
arr.splice(starti,n,值1,值2,...);
先删除starti位置的n个元素,再在starti位置插入值1,值2.
4、颠倒数组
arr.reverse();
只机械的将数据颠倒,不负责排序,直接修改原数组。

猜你喜欢

转载自www.cnblogs.com/WoAiZmm/p/9247263.html