如何遍历一个JS对象中的所有属性

如何遍历一个JS对象中的所有属性,第1张

使用forin可以遍历js对象属性,用法如下:

forin 语句用于遍历数组或者对象的属性(对数组或者对象的属性进行循环 *** 作)。

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

具体代码:

<script>

var obj = {a:1,b:2,c:3}

for(var s in obj)

alert(obj[s]);

</script>

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

直接用js里面自带的forin就可以实现了。

var o = {a:1,b:2,c:3,d:4};

for(var name in o){    consolelog(name + ':' + o[name]);}

这样就可以把o对象里面的所以属性都遍历一遍了。

1、js 一共有三种创建方法:1)使用内置对象。2)使用JSON符号。3)自定义对象构造 。

2、JavaScript可用的内置对象可分为两种: 1)JavaScript语言原生对象(语言级对象),如String、Object、Functi等。2)JavaScript运行期的宿主对象(环境宿主级对象),如window、document、body等。

上代码

var str = new String("实例初始化String"); var str1 = "直接赋值的String"; var func = new Function("x","alert(x)");//示例初始化func var o = new Object();//示例初始化一个Object

3、使用json符号

var somebooks = { book:[{name:"三国演义"},{name:"西游记"},{name:"水浒传"},{name:"红楼梦"}], author:[{name:"罗贯中"},{name:"吴承恩"},{name:"施耐安",{name:"曹雪芹"}}] }

4、自定义对象构造 创建高级对象构造有两种方式:使用“this”关键字构造、使用原型prototype构造。如:

function Girl() { thisname = "big pig"; thisage = 20; thisstanding; thisbust; thiswaist; thiship; }

思路:先获取checkbox对象,然后循环判断每个checkbox的checked属性(true为选中,false为未选中)。示例如下:

1、HTML结构

<input type="checkbox" name="test" value="1"/>checkbox-1

<input type="checkbox" name="test" value="2"/>checkbox-2<br>

<input type="checkbox" name="test" value="3"/>checkbox-3

<input type="checkbox" name="test" value="4"/>checkbox-4<br>

<input type='button' value='确定' onclick="fun()"/>

2、javascript代码

function fun(){

var boxes = documentgetElementsByTagName("input");

var val = []

for(i=0;i<boxeslength;i++){

if(boxes[i]name=="test" && boxes[i]checked == true){

valpush(boxes[i]value);

}

}

alert(val);

}

3、效果演示

以上就是关于如何遍历一个JS对象中的所有属性全部的内容,包括:如何遍历一个JS对象中的所有属性、如何获取一个js数组的第一个对象、JS中怎么循环出checkbox所取的的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10139561.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存