微信小程序 list[ ] 和 list{ } 的区别是

1.list[ ]:数组(Array)

  • 这是有序集合,元素按索引(从 0 开始的数字)排列 示例:let list = [1, 2, 3, ‘hello’]
  • 访问方式:通过索引 list[0] 访问第一个元素
  • 适用场景:存储一组有序、类型可能不同的数据(如列表渲染、队列等)

2.list{}:对象(Object)

  • 这是键值对集合,元素由 “键(key)” 和 “值(value)” 组成 示例:let list = { name: ‘张三’, age:
    20, isStudent: true }
  • 访问方式:通过键名 list.name 或 list[‘name’] 访问对应值
  • 适用场景:存储具有属性描述的数据(如用户信息、配置项等)

在微信小程序开发中:

  • 数组([])常用在 wx:for 中渲染列表
  • 对象({})常用在表示单个实体的数据(如一条商品信息)

代码示例

<view wx:for="{{arrayList}}" wx:key="index">
  {{item}}
</view>
userInfo: {
  id: 1,
  name: '小程序用户',
  avatar: '/images/avatar.png'
}

更多推荐