对象数组的 JavaScript 字面表示法

Question

我试图理解一些用 Javascript 编写的代码，但我被语法困住了。

var connections = {}; // I know '{}' means new Object()
var messages = {};

对象包含变量路径、版本等，但是在代码中以下几行做了什么？

connections[ path ] = connections[ path ] || [];
messages[ path ] = messages[ path ] || { version: 0, body: ''};

Answer 1

由于 connections 和 messages 是对象，因此 [ 和 ] 并不表示数组索引，而是表示语法访问成员，其中使用变量来查找变量的名称。

var path = 'x'
connections[path] = connections[path] || [];

上面，由于 path = 'x' 等于 ，

connections.x = connections.x || [];

也就是说，如果 path 的值命名的两个对象的成员存在，则保留它（分配其当前值本身），否则（|| 用于此处合并）分别创建一个新的空数组或一个新的 { version: 0, body: '' } 。

请注意，合并/逻辑或可以轻松地从左到右链接。例如，在某些情况下，您可能想做这样的事情：

function createItem(color) {

   // if a color is specified in the arguments, use that
   // otherwise, if a color is specified in the settings object for this instance
   // of the current user control, use that. otherwise, fall back to the global
   // default values. if none of these settings have been defined, use black.

   color = color || instanceSettings.defaultColor 
                 || globalSettings.defaultColor
                 || '#000000';

   ...

}

Answer 2

基本上，如果路径属性之前尚未初始化或者包含 null 或 false 或 0，它会初始化该属性。

换句话说（或其他代码）：

if (connections[path] === null || connections[path] === undefined || connections[path] === 0 || connections[path] === false) {
    connections[path] = [];
} else {
    connections[path] = connections[path];
}

与 messages[path] 相同，只是它使用某个对象而不是空数组来初始化它。

Answer 3

关键是理解逻辑 OR (||) 运算符。在 JavaScript 中，首先测试运算符左侧的表达式。如果解析为 true，则返回该表达式；如果解析为 false，则返回右侧的表达式。这是为变量分配默认值的好方法。

其次，connections[path] 没有访问数组的元素。如果 path 解析为字符串，则 connections[path] 相当于 connections.path，它只是访问 的该成员连接对象。

连接[路径] = 连接[路径] || [];

编写此代码的人希望路径成员（如果没有别的）是一个空数组。此行本质上是检查 connections[path] 是否为 truthy 。如果该 path 成员中有某些内容，它将被保留；如果不是，它将是一个空数组。

消息[路径] = 消息[路径] || { version: 0, body: '' };

其功能与上一行相同，只是默认值是一个包含两个成员的对象而不是一个空数组。

Answer 4

connections[ path ] = connections[ path ] || [];

大致翻译为

connections[ path ] = connections[ path ] != null ? connections[ path] : [];

在这种情况下，这是为 connections[path] 设置默认值的便捷方法（即，如果尚未设置值，则将值设置为 []）

在某些语言（例如 Ruby）中，这可以写得更短

connections[path] ||= []

Answer 5

|| 运算符的意思是 OR，因此 connections[ path ] =connections[ path ] || [];

我们正在执行检查，看看是否 connections[ path ] === null 或 connections[ path ] === undefined，如果是我们将connections[path]分配给一个空数组。

对于 messages[ path ]，我们执行相同的检查，如果它为 null 或未定义，我们为其分配 { version: 0, body: ''} 的值

Answer 6

例如，让连接和消息为如下对象。

var connections={
  "path":"http://www.xyz.com",
  "version":"1.2.0"
};
var messages={ 
     "text':"This is message",
     "path":"http://www.xyz.com",
     "version":'1.2.0',
     "body":""
 };

现在下面的代码的工作原理如下：
1.path 如果不存在于上述对象中，则分配空白字符串。
2.同样，消息的路径将是对象“Path”中存在的路径。否则，它将是“版本”和“主体”连接的对象

connections[ path ] = connections[ path ] || [];
messages[ path ] = messages[ path ] || { version: 0, body: ''};

，而消息只是 JavaScript 对象的 JSON 表示形式。因此，connections[path] 与connections.path 相同。标志||如果对象中实际值不存在或未定义，则用于分配空白值。

Answer 7

我应该激发你的想象力

|| b 返回第一个不包含任何类型的假值的元素。

connections[ path ] || []; 
//  return [] ( empty array) if connections[ path ] is return false ( or undefined, 0, [], "", NaN etc)