數(shù)組中常用十種API
String(); 轉(zhuǎn)換成字符串
split(' ')把字符串分割為字符串?dāng)?shù)組
reverse()顛倒數(shù)組中元素順序
<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('---')
}
}
})
//輸出結(jié)果為:vue---hello
</script>
push() 方法將一個(gè)或多個(gè)元素添加到數(shù)組的末尾,并返回?cái)?shù)組的新長度。
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr.push("James") )//輸出結(jié)果為:4
document.write(arr)//輸出結(jié)果為:George,John,Thomas,James
unshift() 方法將一個(gè)或多個(gè)元素添加到數(shù)組的開頭,并返回新數(shù)組的長度。
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr.unshift('Tom'))//輸出結(jié)果為:4
document.write(arr)//輸出結(jié)果為:Tom,George,John
pop()方法從數(shù)組中刪除最后一個(gè)元素,并返回該元素的值。此方法更改數(shù)組的長度。
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr.pop())//輸出結(jié)果為:Thomas
document.write(arr)//輸出結(jié)果為:George,John
shift() 方法從數(shù)組中刪除第一個(gè)元素,并返回該元素的值。此方法更改數(shù)組的長度。
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr.shift())//輸出結(jié)果為:George
document.write(arr)//輸出結(jié)果為:John,Thomas
concat() 方法用于合并兩個(gè)或多個(gè)數(shù)組。此方法不會(huì)更改現(xiàn)有數(shù)組,而是返回一個(gè)新數(shù)組。
var color = ['red','green','blue'];
var color2 = color.concat('yellow',['black','white']);
console.log(color2) //red,green,blue,yellow,black,white
slice()方法返回一個(gè)從開始到結(jié)束(不包括結(jié)束)選擇的數(shù)組的一部分淺拷貝到一個(gè)新數(shù)組對象,原始數(shù)組不會(huì)被修改。
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(); 使用指定的字符串用來分隔數(shù)組字符串
arr.join("||"); //briup||terry||jacky