js 获取对象属性值的方法

JavaScript018

js 获取对象属性值的方法,第1张

第一种通过.获取

第二种通过[]获取

那什么时候用点获取什么时候[]呢,可以在不同场景使用

两个的相同点:都是获取对象属性值

不同点:

1 [ ]运算符可以使用字符串变量的内容作为属性名,点运算符不能

普通常量赋值的时候可以用点运算符,其他可以用[]运算符,

第一种,alert,也是最原始的用for循环逐一读取obj的数据然后alert或者展示到页面的dom元素内。第二种,控制台输出console.log(obj),然后按f12打开调试面板然后切换到控制台标签查看,但是ie下不能查看到具体的值。第三种,添加监视按F12打开调试面板然后切换到调试(脚本)标签,然后找到你要查看的obj代码,然后在这一行打一个断点,然后点击按钮(其他能触发代码运行到这里的操作都行)然代码运行到这里,然后右键obj这个变量添加监视然后查看obj属性。第四种,全局变量在你要查看obj变量的代码位置后加上window.temp_obj = obj然后按F12打开调试界面,接着打开控制台标签,然后输入temp_obj再输入.看提示有哪些属性,然后输入temp_obj.attrName按回车看指定属性的名称,或者直接输入temp_obj按回车查看。其他的不多说,但大体都是这些衍生出来的调试方法,具体怎么运用视情况而定。

使用for...in可以遍历js对象的属性,用法如下:

for...in 语句用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。

for ... in 循环中的代码每执行一次,就会对数组的元素或者对象的属性进行一次操作。

for (变量 in 对象)

{

//在此执行代码

}

“变量”用来指定变量,指定的变量可以是数组元素,也可以是对象的属性。

示例:

for (var sProp in window) {

alert(sProp)

}

以上例子会弹出window对象中的所有属性