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

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

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


代码如下:

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 的值都会改变。

赞 (0)

相关推荐

  • JavaScript操作选择对象的简单实例

    JavaScript操作选择对象的简单实例 //替换选中文本内容,参数text为要替换的内容 function SetSelectionText(text) { //非IE浏览器 if (window.getSelection) { var sel = window.getSelection(); alert(sel.rangeCount); //选区个数, 通常为 1 . sel.deleteFromDocument(); //清除选择的内容 var r = sel.getRangeAt(0)

  • JS实现简单面向对象的颜色选择器实例

    本文实例讲述了JS实现简单面向对象的颜色选择器.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <he

  • javascript 三级下拉选择菜单Levels对象

    JavaScript: 复制代码 代码如下: <script type="text/javascript"> var level1 = ["Beijing", "GuangZhou", "ShangHai"]; var level2 = [["ZhaoYang", "TianTan", "GuGong"], ["Tianhe", &qu

  • 关于JavaScript对象的动态选择及遍历对象

    (一)动态选择方法及属性 在实际工作中,我们经常会遇到这种情况:根据某个条件来调用两个方法[1]中的一个,或是在两个属性[2]中的一个上面进行读写操作.下面的代码展示了这种情形: 复制代码 代码如下: if (condition) { myObj.method1(someArg); } else { myObj.method2(someArg); } JavaScript提供了一种简单的语法,即使用方括号操作符([])来动态地选择方法和属性.正如下面的代码所示,JavaScript有两种等价的成

  • jquery判断对象是否为空并遍历对象的简单实例

    javascript : if(document.getElementById("target_obj_id")){ } else { } jquery: 因为 $("#target_obj_id") 不管对象是否存在都会返回 object ,所以以上方法不行 1. var target_obj = jQuery('#target_obj_id'); if (target_obj.length > 0) { //如果大于0 标识 id 为target_obj_

  • JS遍历数组和对象的区别及递归遍历对象、数组、属性的方法详解

    废话不多说了,直奔主题,你,具体代码如下所示: <script> //----------------for用来遍历数组对象-- var i,myArr = [1,2,3]; for (var i = 0; i < myArr.length; i++) { console.log(i+":"+myArr[i]); }; //---------for-in 用来遍历非数组对象 var man ={hands:2,legs:2,heads:1}; //为所有的对象添加cl

  • JavaScript数组，JSON对象实现动态添加、修改、删除功能示例

    JavaScript数组，JSON对象实现动态添加、修改、删除功能示例

    本文实例讲述了JavaScript数组,JSON对象实现动态添加.修改.删除功能.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>javascript里面的数组,json对象,动态添加,修改,删除示例</t

  • javascript遍历对象的五种方式实例代码

    目录 准备 五种武器 for-in Object.keys Object.getOwnPropertyNames Object.getOwnPropertySymbols Reflect.ownKeys 总结 扩展 Object.values Object.entries hasOwnProperty propertyIsEnumerable 总结 准备 先来准备一个测试对象obj. 代码清单1 var notEnum = Symbol("继承不可枚举symbol"); var pro

  • javascript遍历json对象的key和任意js对象属性实例

    javascript遍历json对象的key和任意js对象属性实例

    使用 keys 方法获取该对象的属性和方法: function Pasta(grain, width, shape) { this.grain = grain; this.width = width; this.shape = shape; this.toString = function () { return (this.grain + ", " + this.width + ", " + this.shape); } } var spaghetti = new

  • Javascript的数组与字典用法与遍历对象的属性技巧

    Javascript 的数组Array,既是一个数组,也是一个字典(Dictionary).先举例看看数组的用法. 复制代码 代码如下: var a = new Array(); a[0] = "Acer"; a[1] = "Dell"; for (var i = 0; i < a.length; i++) { alert(a[i]); } 下面再看一下字典的用法. 复制代码 代码如下: var computer_price = new Array(); co

  • JavaScript中遍历对象的property的3种方法介绍

    JavaScript中遍历对象的property的3种方法介绍

    在JavaScript中,可以用三种方法来遍历对象的property: 1.for/in.可以使用for/in语句遍历对象自身的property(Own Property)及其从原型对象处继承的property,只有enumerable的property才会被遍历到. 2.Object.keys().可以将对象作为参数传入Object.keys(),Object.keys()语句将返回由所有property名称字符串所组成的数组.Object.keys()语句仅返回对象自身的(Own Prope

  • JavaScript中 创建动态 QML 对象的方法

    一.动态创建对象 有两种方法可以从 JavaScript 动态创建对象: 调用 Qt.createComponent() 动态创建 Component 对象 使用 Qt.createQmlObject() 从 QML 字符串创建对象 虽然动态创建的对象可以与其他对象一样使用,但它们在 QML 中没有 id. 1.1.动态创建组件 可以调用它的 createObject() 方法来创建该组件的一个实例.这个函数可以接受两个参数: 第一个是新对象的父对象.父对象可以是图形对象(即 Item 类型)或

随机推荐