数组长度的读取

数组长度的获取只需要在数组的后面加.length，就行

在.js文件中定义一数组array，并且编写getArrayLength（）事件，其中，在getArayLength事件里面的this.array指的是data里面定义的array，this.array.length则是表示this.array的长度，返回值的类型是number

export default {    data: { title: "", array:[     {value:1},     {value:1}, ]    },    onInit() { this.title = this.$t('strings.world');    },    getArrayLength(){ console.log("数组的长度为："+this.array.length)    }}

在.hml绑定getArrayLength（）点击事件

    获得数组长度

点击按钮后便获得数组的长度

数组元素的打印

用toString（）函数就可以将数组的内容打印出来，但是当数组的元素是对象时，改函数就不起作用

首先在.js文件定义一个array，编写ArrayToString（）事件

export default {    data: { title: "", array:[1,2,3,4,5]    },    onInit() { this.title = this.$t('strings.world');    },    ArrayToString(){ console.log("数组为："+this.array.toString())    }}

然后在.hml绑定ArrayToString（）事件

    打印数组

点击button后可以看到数组打印了出来

但是当数组的元素是object时，打印出来的结果是这样的

若想打印元素是对象的数组，就先要将数组转换成JSON格式再打印，那ArrayToString（）事件应该修改成这样，JSON.stringify(this.array)的作用就是将数组转化成JSON格式，再转化成string输出

export default {    data: { title: "", array:[     {value:1},     {value:1},     {value:1}, ]    },    onInit() { this.title = this.$t('strings.world');    },    ArrayToString(){ console.log("数组为："+JSON.stringify(this.array))    }}

点击button之后，便可以将数组打印出来

数组元素的删除

使用pop（）函数，就可以删除数组最后的元素

在.js文件中定义delete（）事件，调用数组pop（）函数

export default {    data: { title: "", array:[     {value:"数值1"},     {value:"数值2"},     {value:"数值3"}, ]    },    onInit() { this.title = this.$t('strings.world');    },    delete(){ console.log("删除前："+JSON.stringify(this.array)) this.array.pop() console.log("删除后："+JSON.stringify(this.array))    }}

然后在.hml文件中绑定delete事件

    
      {{$item.value}}     

点击屏幕后，可看到最后一个元素已被删除

数组元素的添加

用push（）函数，可以在数组的后面添加元素

在.js文件里面编写add（）事件，调用数组的push（）函数，push（）函数的括号里面是要添加进数组的元素

export default {    data: { title: "", array:[     {value:"数值1"},     {value:"数值2"},     {value:"数值3"}, ]    },    onInit() { this.title = this.$t('strings.world');    },    add(){ console.log("添加前："+JSON.stringify(this.array)) this.array.push({value:"增加的元素"}) console.log("添加后："+JSON.stringify(this.array))    }}

然后在.xml文件里面绑定add（）事件

    
      {{$item.value}}     

点击屏幕后可以看到添加了一个元素进去