前言

在微信小程序中，每一個(gè)頁(yè)面都有一個(gè)獨(dú)立的js文件，用來(lái)實(shí)現(xiàn)該頁(yè)面的業(yè)務(wù)邏輯。這個(gè)js文件通常采用Page()方法來(lái)對(duì)頁(yè)面進(jìn)行注冊(cè)。其中系統(tǒng)為頁(yè)面設(shè)置了一個(gè)名為data的區(qū)域，用來(lái)存儲(chǔ)頁(yè)面的初始數(shù)據(jù)，我們將其稱(chēng)為小程序頁(yè)面的數(shù)據(jù)區(qū)。

小程序頁(yè)面的數(shù)據(jù)區(qū)是采用對(duì)象的形式來(lái)進(jìn)行數(shù)據(jù)設(shè)定的。那么我們?cè)撊绾尾僮鲾?shù)據(jù)區(qū)中的數(shù)據(jù)呢？

---

一、輸出數(shù)據(jù)區(qū)中的數(shù)據(jù)：

由于在小程序頁(yè)面中，關(guān)鍵字this指向這個(gè)頁(yè)面利用Page()方法注冊(cè)的頁(yè)面實(shí)例，因此要想引用data數(shù)據(jù)區(qū)中的數(shù)據(jù)，可以采用如下所示的語(yǔ)法格式。

this.data.數(shù)據(jù)區(qū)變量名

例如：頁(yè)面數(shù)據(jù)區(qū)data中有一個(gè)名為title的變量，在控制臺(tái)中輸出該變量的值。

console.log(this.data.title);

二、修改數(shù)據(jù)區(qū)中的數(shù)據(jù)：

修改小程序頁(yè)面數(shù)據(jù)區(qū)data中的數(shù)據(jù)要采用this.setData()方法，該方法的語(yǔ)法格式如下所示。

this.setData({
數(shù)據(jù)區(qū)變量名1:數(shù)據(jù),
數(shù)據(jù)區(qū)變量名2:數(shù)據(jù),
…
});

1、修改數(shù)據(jù)區(qū)中的基本數(shù)據(jù)類(lèi)型數(shù)據(jù)：

例如：data數(shù)據(jù)區(qū)有一個(gè)title數(shù)據(jù)，修改該變量的值為“商品標(biāo)題”。

this.setData({ title:'商品標(biāo)題' //將數(shù)據(jù)區(qū)中的title變量修改為"商品標(biāo)題"})

2、修改數(shù)據(jù)區(qū)中的數(shù)組數(shù)據(jù)：

例如：data數(shù)據(jù)區(qū)有一個(gè)arr數(shù)組，修改該數(shù)組中所有數(shù)組元素的內(nèi)容。

this.setData({ arr:['a','b'] //將數(shù)據(jù)區(qū)中的arr數(shù)組的元素修改為字符"a"和字符"b"})

3、修改數(shù)據(jù)區(qū)中的數(shù)組元素：

例如：data數(shù)據(jù)區(qū)有一個(gè)arr數(shù)組，修改該數(shù)組中索引值為0的數(shù)組元素為字符"A"。

this.setData({ 'arr[0]':'A' //將數(shù)據(jù)區(qū)的arr數(shù)組中索引值為0的元素改為字符'A'})

4、修改數(shù)據(jù)區(qū)中的對(duì)象成員：

例如：data數(shù)據(jù)區(qū)有一個(gè)obj對(duì)象，修改該對(duì)象中的成員x為3000。

this.setData({ 'obj.x':3000 //將數(shù)據(jù)區(qū)的obj對(duì)象中的x成員改為3000})

5、修改數(shù)據(jù)區(qū)中JSON數(shù)組中的成員：

例如：data數(shù)據(jù)區(qū)有一個(gè)JSON數(shù)組student，修改索引值為1的數(shù)組元素中的phone成員為”15912345678“。

this.setData({ 'student[1].phone':'15912345678' })

6、結(jié)合循環(huán)變量修改JSON數(shù)組：

例如：data數(shù)據(jù)區(qū)有一個(gè)JSON數(shù)組student，結(jié)合for循環(huán)，將該數(shù)組中每一個(gè)數(shù)組元素的sex成員均改為”女“。

for(let i=0;i

---

總結(jié)

在微信小程序中操作數(shù)據(jù)區(qū)，要使用關(guān)鍵字this進(jìn)行配合。讀取數(shù)據(jù)要使用this.data來(lái)實(shí)現(xiàn)，修改數(shù)據(jù)要使用this.setData()方法來(lái)實(shí)現(xiàn)。

修改數(shù)據(jù)區(qū)中的基本數(shù)據(jù)類(lèi)型數(shù)據(jù)，或者對(duì)數(shù)組中所有數(shù)組元素進(jìn)行統(tǒng)一修改，都可以直接引用變量名或數(shù)組名；若要修改數(shù)組元素、對(duì)象成員、JSON數(shù)組中某個(gè)數(shù)組元素的成員，都要用引號(hào)將其擴(kuò)住。

若要結(jié)合循環(huán)改變每一個(gè)數(shù)組元素中任意成員的值，還用使用 + 與循環(huán)變量進(jìn)行拼接，此時(shí)整個(gè)拼接的字符串還需要用 [ ] 擴(kuò)住。

總結(jié)

以上是生活随笔為你收集整理的如何在data visualization 中update svg_如何操作小程序页面中data数据区中的数据的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。