【harmonyOS】js文件常见的数组操作1
数组长度的读取
数组长度的获取只需要在数组的后面加.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}}
点击屏幕后可以看到添加了一个元素进去