小程序静态属性赋值与动态属性赋值

一起养成写作习惯！第8天

小程序开发过程中，修改数据是必定会遇到的需求，有时也会遇到动态属性赋值的问题，一些小白同学就会不知所措，今天我来把各种小程序赋值的方法列举出来，供大家学习。

我们先来在data中定义一个属性：

data: {
  name: 'Angle',
  list: {
   title: '标题1'
  }
}

修改基本类型数据的值（​​Boolean​​​、​​Number​​​ 和 ​​String​​）

在js中有五种基本类型即 ​​Undefined​​​、​​Null​​​、​​Boolean​​​、​​Number​​​ 和 ​​String​​。

基本类型不能扩展属性

this.setData({
  name: 'Li Mei'
})

修改引入类型数据的值（Object、Array）

引用类型 ​​Object​​​，​​Array​​​，​​Date​​​，​​Function​​等

let  value = 'list.title'; // 注意这里
  this.setData({
    [value]: '我是新标题' // 建议用法
 })

实际项目中直接写会生效：

this.setData({
    'list.title': '我是新标题'
})

修改动态属性的值

需要借助模板字符串，要掌握模板字符串中变量的定义方法。

let  value = `list.${name}` // 这里的name可以是动态的有效的变量任意值，
  this.setData({
    [value]: '我是新标题'
 })