JavaScript 对象中向数组元素安全添加数据的方法

var watchObject = {}; // 初始为空对象

// 假设 data.room 和 data.videoId 已定义
if (data.room in watchObject) {
    // 如果 data.room 存在，尝试向其对应的数组中添加元素
    watchObject[data.room].push(data.videoId);
} else {
    // 如果 data.room 不存在，创建新的键值对
    watchObject[data.room] = data.videoId; // 注意这里直接赋值了单个值
}

if (data.room in watchObject) {
   let tempRoom = data.room;
   watchObject.tempRoom.push(data.videoId); // 错误：这里访问的是 watchObject 的 'tempRoom' 属性，而不是变量 tempRoom 的值
}
// ...

var watchObject = {};

function addVideoToRoom(roomKey, videoId) {
    // 步骤1 & 2: 检查 watchObject[roomKey] 是否为 null 或 undefined
    // 如果是，或者如果它不是一个数组（更严谨的检查），则将其初始化为空数组
    if (watchObject[roomKey] == null) {
        watchObject[roomKey] = [];
    }
    // 注意：这里没有使用 `else`，因为无论之前是否初始化，
    // 现在 watchObject[roomKey] 保证是一个数组，可以安全地执行 push 操作。

    // 步骤3: 现在可以安全地向数组中添加元素
    watchObject[roomKey].push(videoId);
}

// 示例用法：
addVideoToRoom("23", "videoA"); // 第一次添加，"23" 会被初始化为 []，然后添加 "videoA"
console.log(watchObject); // 输出: { "23": ["videoA"] }

addVideoToRoom("23", "videoB"); // 第二次添加，"23" 已经是一个数组，直接添加 "videoB"
console.log(watchObject); // 输出: { "23": ["videoA", "videoB"] }

addVideoToRoom("42", "videoX"); // 添加到新的房间 "42"
console.log(watchObject); // 输出: { "23": ["videoA", "videoB"], "42": ["videoX"] }

// 模拟错误情况（如果 watchObject[roomKey] 被意外赋值为非数组类型）
watchObject["99"] = "singleVideo"; // 假设这里发生了意外赋值
// addVideoToRoom("99", "videoY"); // 如果执行这行，仍然会出错，因为 "singleVideo" 不是 null。
// 更严谨的检查需要使用 Array.isArray()

var watchObject = {};

function addVideoToRoomRobust(roomKey, videoId) {
    // 检查 watchObject[roomKey] 是否存在且是一个数组
    if (!Array.isArray(watchObject[roomKey])) {
        // 如果不是数组，则初始化为空数组
        watchObject[roomKey] = [];
    }
    // 现在 watchObject[roomKey] 保证是一个数组
    watchObject[roomKey].push(videoId);
}

// 示例：
addVideoToRoomRobust("101", "vid1");
console.log(watchObject); // { "101": ["vid1"] }

watchObject["102"] = "accidentallyAString"; // 模拟意外赋值
addVideoToRoomRobust("102", "vid2"); // 会将 "102" 重新初始化为 []，然后添加 "vid2"
console.log(watchObject); // { "101": ["vid1"], "102": ["vid2"] }

var watchObject = {};

function addVideoToRoomConcise(roomKey, videoId) {
    // 如果 watchObject[roomKey] 是 falsy (null, undefined, 0, '', false)，
    // 则将其赋值为 []。否则，使用其现有值。
    // 注意：如果 watchObject[roomKey] 已经是一个非空数组，它将保持不变。
    // 如果是其他非数组的 truthy 值（如字符串），这种方法不会重新初始化。
    watchObject[roomKey] = watchObject[roomKey] || [];
    watchObject[roomKey].push(videoId);
}

// 示例：
addVideoToRoomConcise("201", "vA");
console.log(watchObject); // { "201": ["vA"] }

addVideoToRoomConcise("201", "vB");
console.log(watchObject); // { "201": ["vA", "vB"] }

// 这种方法在 watchObject[roomKey] 被意外赋值为非数组的 truthy 值时会失败
// watchObject["202"] = "someString";
// addVideoToRoomConcise("202", "vC"); // TypeError: watchObject[roomKey].push is not a function