2018-09-15 数组常用的十种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