在微信开发者工具的 JavaScript 页面中，向一个对象添加新的属性和值

1. 使用点号（.）语法

如果你已经明确知道属性名，并且属性名是合法的标识符（不以数字开头，不包含特殊字符等），可以使用点号语法来添加新的属性和值。

// 定义一个空对象
const myObject = {};

// 使用点号语法添加属性和值
myObject.name = 'John';
myObject.age = 30;

console.log(myObject); 
// 输出: { name: 'John', age: 30 }

2. 使用方括号（[]）语法

当属性名不是合法的标识符，或者属性名是动态生成的，就可以使用方括号语法。

// 定义一个空对象
const myObject = {};

// 使用方括号语法添加属性和值
const dynamicKey = 'email';
myObject[dynamicKey] = 'john@example.com';
myObject['phone-number'] = '123456789';

console.log(myObject); 
// 输出: { email: 'john@example.com', 'phone-number': '123456789' }

3. 使用 Object.assign() 方法

Object.assign() 方法可以将一个或多个源对象的所有可枚举属性复制到目标对象。你可以用它来添加新的属性和值。

// 定义一个空对象
const myObject = {};

// 使用 Object.assign() 添加属性和值
const newProperties = {
    address: '123 Main St',
    city: 'New York'
};

Object.assign(myObject, newProperties);

console.log(myObject); 
// 输出: { address: '123 Main St', city: 'New York' }

4. 使用扩展运算符（...）

扩展运算符是 ES6 引入的特性，它可以将一个对象的属性展开到另一个对象中。

// 定义一个空对象
const myObject = {};

// 使用扩展运算符添加属性和值
const newProperties = {
    occupation: 'Engineer',
    salary: 5000
};

const updatedObject = { ...myObject, ...newProperties };

console.log(updatedObject); 
// 输出: { occupation: 'Engineer', salary: 5000 }

在微信小程序中的示例

在微信小程序的 js 文件中，如果你要在 data 对象里添加新的属性和值，需要使用 this.setData() 方法来更新页面数据。

Page({
    data: {
        myObject: {}
    },
    onLoad: function () {
        // 使用点号语法添加属性和值
        const newObject = this.data.myObject;
        newObject.newProperty = 'new value';

        // 更新页面数据
        this.setData({
            myObject: newObject
        });

        console.log(this.data.myObject); 
        // 输出: { newProperty: 'new value' }
    }
})

以上这些方法都能帮助你在微信开发者工具的 JavaScript 页面中向对象添加新的属性和值，你可以根据具体需求选择合适的方法。