数组api
2018-09-18 本文已影响0人
执念_6afc
1string()
将数组转化为字符串并分隔每个元素;
var arr=[1,2,3];
String(arr)
"1,2,3"
arr//[1, 2, 3]
2
join() 连接
<body>
<div id="app">
<a href="#">{{revMsg}}</a>
</div>
<script src="js/vue.js"></script>
<script>
new Vue({
el:'#app',
data:{
msg:'hello vue'
},
medths:{},
filters:{},
computed:{
revMsg:function(){
return this.msg.split(' ').reverse().join('-----')
}
}
})
</script>
</body>
3
concat()拼接
不会改变原数组 把数组打散为单个元素在拼接
var arr1=[1,2,3],arr2=[4,5,6]
arr1.concat(arr2)//[1, 2, 3, 4, 5, 6]
4
slice()
不会修改原数组 返回新的数组
slice(开始截取的下标，结束截取的下标）要前不要后
var arr=[1,2,3,4] arr.slice(0)
//[1, 2, 3, 4] arr.slice(0,2)
5
splice()
splice(起始位置，要删除的元素的个数，要添加的元素的值1，值2.。。。)
作用 对数组元素进行增删改操作
增
splice(找到要添加元素的下标位置，0，要添加的元素的值1，值2.。。。)
删
splice(找到要删除元素的下标位置，要删除的个数)
改
splice(找到要修改元素的下标位置，要修改的个数，要添加的元素)
返回值 被删除的元素组成的数组
是否改变原数组：会改变原数组
删除：var deletes=arr.splice(starti,n);
删除arr中starti位置开始的n个元素
返回被删除的元素组成的临时新数组
<pre>var arr=[1,2,3,4] arr.splice(0)//[1, 2, 3, 4]
var arr=[1,2,3,4] arr.splice(-1)//[4]
var arr=[1,2,3,4] arr.splice(0,3)//[1, 2, 3]
6
reverse()
反转数组
<body>
<div id="app">
<a href="#">{{revMsg}}</a>
</div>
<script src="js/vue.js"></script>
<script>
new Vue({
el:'#app',
data:{
msg:'hello vue'
},
medths:{},
filters:{},
computed:{
revMsg:function(){
return this.msg.split(' ').reverse().join('-----')
}
}
})
</script>
</body>
7
push()
从数组的后面添加元素返回新数组的长度
var arr=[1,2,3,4]
arr2=arr.push(1)//5
//返回新数组的长度
arr//[1, 2, 3, 4, 1]
8
pop()
删除数组的最后一个元素
var arr=[1,2,3,4]
arr.pop()//4
//返回弹出的元素
arr//[1,2,3]
9
unshift()
从数组前添加元素
var arr=[1,2,3,4]
arr.pop()//4
//返回弹出的元素
arr//[1,2,3]
10
shift()
从前面删除元素 返回被删除的元素
var arr=[1,2,3,4]
arr.shift()//1
arr//[2, 3, 4]
