数组中常用十种API
String(); 转换成字符串
split(' ')把字符串分割为字符串数组
reverse()颠倒数组中元素顺序
<div id="itany">
<p>{{count}}</p>
</div>
<script>
new Vue({
el:'#itany',
data:{
mes:'hello vue'
},
computed:{
count:function(){
return this.mes.split(' ').reverse().join('---')
}
}
})
//输出结果为:vue---hello
</script>
push() 方法将一个或多个元素添加到数组的末尾,并返回数组的新长度。
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr.push("James") )//输出结果为:4
document.write(arr)//输出结果为:George,John,Thomas,James
unshift() 方法将一个或多个元素添加到数组的开头,并返回新数组的长度。
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr.unshift('Tom'))//输出结果为:4
document.write(arr)//输出结果为:Tom,George,John
pop()方法从数组中删除最后一个元素,并返回该元素的值。此方法更改数组的长度。
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr.pop())//输出结果为:Thomas
document.write(arr)//输出结果为:George,John
shift() 方法从数组中删除第一个元素,并返回该元素的值。此方法更改数组的长度。
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr.shift())//输出结果为:George
document.write(arr)//输出结果为:John,Thomas
concat() 方法用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组。
var color = ['red','green','blue'];
var color2 = color.concat('yellow',['black','white']);
console.log(color2) //red,green,blue,yellow,black,white
slice()方法返回一个从开始到结束(不包括结束)选择的数组的一部分浅拷贝到一个新数组对象,原始数组不会被修改。
var colors = ['red','green','blue','black','white'];
var colors2 = colors.slice(1) //green,blue,black,white
var colors3 = colors.slice(1,4) //green,blue,black
join(); 使用指定的字符串用来分隔数组字符串
arr.join("||"); //briup||terry||jacky