> 文档中心 > 【harmonyOS】js文件常见的数组操作1

【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()点击事件

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

【harmonyOS】js文件常见的数组操作1

数组元素的打印

用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后可以看到数组打印了出来

【harmonyOS】js文件常见的数组操作1

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

【harmonyOS】js文件常见的数组操作1

若想打印元素是对象的数组,就先要将数组转换成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之后,便可以将数组打印出来

【harmonyOS】js文件常见的数组操作1

数组元素的删除

使用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}}

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

【harmonyOS】js文件常见的数组操作1

数组元素的添加

用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}}

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

【harmonyOS】js文件常见的数组操作1