关于JavaScript对象的动态选择及遍历对象_javascript技巧-js教程-PHP中文网

关于JavaScript对象的动态选择及遍历对象_javascript技巧

php中文网

发布： 2016-05-16 16:55:59

原创

1327人浏览过

（一）动态选择方法及属性

在实际工作中，我们经常会遇到这种情况：根据某个条件来调用两个方法[1]中的一个，或是在两个属性[2]中的一个上面进行读写操作。下面的代码展示了这种情形：

万知

万知: 你的个人AI工作站

156

查看详情

复制代码代码如下:

 
if (condition) { 
myObj.method1(someArg); 
} else { 
myObj.method2(someArg); 
} 

JavaScript提供了一种简单的语法，即使用方括号操作符（[]）来动态地选择方法和属性。正如下面的代码所示，JavaScript有两种等价的成员访问语法（这个特征在动态语言里很常见）：
obj[expressionResultingInMembername] == obj.memberName

如果你曾用整数下标来访问数组中的某个元素，那你已经开始用方括号操作符来进行动态成员选择了。这是因为，数组对象本身就包含以数字下标命名的属性（以及length属性）。不过，JavaScript并不允许你使用点操作符（.）直接访问这些属性，因此myArray.0在语法上是非法的（太遗憾了，这本来是个挺酷的语法）。
为什么方括号操作符比点操作符表示法更强大呢？这是因为你可以在方括号中使用任何代表成员名称的内容来访问对象的成员。这些内容包括字面量、保存着成员名称的变量、名称组合（多数情况下是字符串的拼接）以及用三元操作符（condition ? valueIfTrue : valueIfFalse）实现的快速if/then选择。所有的这些内容都会被处理成一个字符串，然后JavaScript会用这个字符串来寻找对应的成员。
由于JavaScript中的函数本身也是对象，所以它可以像其他值一样被引用。如果一个表达式的结果是函数，你可以直接用括号操作符调用它，就像你直接用函数名称调用函数一样。
需要注意的是，如果你在向方法传递的参数上大量使用此类技巧，混乱的括号有可能会使代码变得难以阅读，此时使用常规的if/else结构更加明智。

（二）JavaScript遍历对象属性和方法

JavaScript 使用 for in 语句来遍历对象的属性和方法。for in 语句循环遍历 JavaScript 对象，每循环一次，都会取得对象的一个属性或方法。

语法：

复制代码代码如下:

 
for(valueName in ObjectName){ 
// 代码 
} 

其中，valueName 是变量名，保存着属性或方法的名称，每次循环，valueName 的值都会改变。

大家都在看：

javascript尾调用优化是什么_它如何提升递归性能 javascript展开运算符是什么_它在函数调用中有什么作用为什么javascript需要Map来替代对象_键类型有何不同？什么是JavaScript沙箱_如何安全地执行第三方代码如何优化javascript打包_webpack的tree shaking原理是什么