1
shift()：删除数组中第一个元素，并将长度减1，下面举例：
var arr = ['王思聪', '孙一宁', '刘强东', '奶茶', '签字哥', '都美竹']
var res = arrshift()
consolelog(res) //打印出来返回值是被删除的数组元素
2
pop():删除数组中最后一个元素，并将长度减1,下面举例：
var arr = ['王思聪', '孙一宁', '刘强东', '奶茶', '签字哥', '都美竹']
var res = arrpop()
consolelog(res) //打印出来返回值是删除的数组元素
3
unshift():往数组前面添加一个或多个数组元素，长度要改变，下面举例：
var res = arrunshift('张姨', 18)
consolelog(res)
consolelog(arr) // 返回值是增加后数组的长度
4
push():往数组结尾添加一个或多个数组元素，长度要改变
var res = arrpush('随便', '哈哈')
consolelog(arr)
consolelog(res)
5
为了更好的代入，下面我们来看一个综合的列子：
var arr = [0, 1, 'a', 0, 66, 0, 0]
要求将数组中的0项去掉，将不为0的值存入一个新的数组，生成新的数组
声明一个新的数组
var newArr = []
遍历
for(var i=0; i<arrlength; i++){
//把0的数组元素删除掉
if(arr[i]==0){
continue
}
//把这些数据添加到新的数组
newArrpush(arr[i])
}
consolelog(newArr) //最后输出查看结果
6
concat() : 方法用于连接两个或多个数组, 不改变原数组。返回一个新的数组
var arrName1 = ['签字哥', '李某迪', '波哥', '王思聪']
var arrName2 = ['马云', '马化腾', '王健林', '卢本伟']
var newData = arrName1concat(arrName2)
consolelog(newData)
7
reverse() 逆向排序, 原数组也被逆向排序了（倒置）
var numArr = [10, 9, 8, 7, 6, 5, 11]
var res = numArrreverse()
consolelog(res)
consolelog(numArr)
8
toString() 将数组转成字符串，推荐使用
var numArr = [10, 9, 8, 7, 6, 5, 11]
toString()属于一个对象的方法
var res = numArrtoString()
consolelog(res)
String它是强制数据类型转换的方法，它不属于数组这个对象
9
join(“拼接符”)将数组转成字符串，中间以拼接符连接
var numArr = [10, 9, 8, 7, 6, 5, 11]
var res = numArrjoin('&')
consolelog(res)
10
slice(start,end): 不修改原数组, 将原数组中的指定区域数据提取出来。start开始 end结束。
如果参数是负值表示从倒数开始。不含结束位置
0 1 2(不包含结束位置)
var arrName = ['签字哥', '李某迪', '波哥', '王思聪']
var res = arrNameslice(0, 2)
consolelog(res)
11
splice
删除：用于删除元素，两个参数，第一个参数（要删除第一项的位置），第二个参数（要删除的项数）
插入：向数组指定位置插入任意项元素。三个参数，第一个参数（开始位置），第二个参数（0），第三个参数（插入的项）
注意点：第二个参数（0）为0不会删除任何项
替换：向数组指定位置插入任意项元素，同时删除任意数量的项，三个参数。第一个参数（起始位置），第二个参数（删除的项数），第三个参数（插入任意数量的项）
var arrName = ['签字哥', '李某迪', '波哥', '王思聪']
//删除
//var res = arrNamesplice(0, 3)
//返回值是被删除的数组元素
//consolelog(res)
//插入
// arrNamesplice(0, 0, '嘿嘿', '哈哈')
// consolelog(arrName)
//替换
arrNamesplice(0, 2, '都美竹', 'hello')
consolelog(arrName)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div class="percent" data-percent="55"> </div><div class="percent" data-percent="98"> </div>
</body>
</html>
<script>
windowonload=function(){
var arr=documentgetElementsByClassName("percent");
for(var i=0;i<arrlength;i++)
{
alert(arr[i]attributes["data-percent"]value);
}
};
</script>
这个是原生js写话 楼主想要jquery写法的话追问就行了，也可以联系我569305586@qqcom
因为js的for循环只能遍历数字索引的数组，而data的数据结构没有提供数字索引，所以无法直接用for循环获取data里的数据。
如果想要访问data里的数据，可以使用forin循环，例如：
```javascript
for (let key in data) {
consolelog(data[key]);
}
```
以上就是关于原生JS中数组常见的方法全部的内容，包括:原生JS中数组常见的方法、JS 如何获取 <div class="percent" data-percent="55"> 中data-percent的值55、jsfor循环里访问不到data里的数据等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）