`

JS for...in 遍历语句

 
阅读更多

for...in 语句用于对数组或者对象的属性进行循环操作。
for (变量 in 对象)
{
    在此执行代码
}
这里的“变量”用来指定变量,指定的变量可以是数组元素,也可以是对象的属性。

 

举个例子:

<!DOCTYPE html>
<meta charset="UTF-8">
<script>
var x;
var zoon = new Array();
zoon[0] = "猫猫";
zoon[1] = "狗狗";
zoon[2] = "猪猪";
for (x in zoon){
	console.log(zoon[x]);
}

var student={};
student.name="张三";
student["age"]=20;
for(var i in student)//前面变量i就是对象的属性名
{
	console.log(i);//name age
	console.log(student[i]);//张三 20  
}
</script>

 

效果图:

 

 

 

  • 大小: 14.7 KB
分享到:
评论

相关推荐

    JS for...in 遍历语句用法实例分析

    JavaScript中的`for...in`遍历语句是一个强大的工具,用于迭代对象的可枚举属性。这个语句并不适用于数组的直接索引遍历,但它在处理对象时尤其有用,尤其是那些具有动态属性或需要遍历所有键的情况。下面我们将深入...

    【JavaScript源代码】JS中for,for...in,for...of和forEach的区别和用法实例.docx

    - `for...in`循环不仅可以遍历数组,还可以遍历对象的所有可枚举属性。 - 遍历顺序不是固定的,可能会随机。 - 除了数组元素外,还会遍历到自定义添加的属性。 #### 四、for...of循环 `for...of`循环用于遍历可...

    讲解JavaScript中for...in语句的使用方法

    JavaScript中的for...in语句是一种专门用来遍历对象属性的循环结构。在JavaScript编程中,对象可以看作是一个属性集合,通常包括方法和数据。而for...in循环提供了一种方便的方式来访问这些属性。 在介绍for...in...

    JS for…in 遍历语句用法实例分析

    本文实例讲述了JS for…in 遍历语句用法。分享给大家供大家参考,具体如下: for…in 语句用于对数组或者对象的属性进行循环操作。 for (变量 in 对象) {  在此执行代码 } 这里的“变量”用来指定变量,指定的变量...

    js中for in语句的用法讲解.docx

    js 中 for in 语句是一种遍历对象属性的语句,它可以遍历对象的可枚举属性。for in 语句的基本语法为:for (variable in object) statement,其中 variable 是声明的一个变量,object 是要遍历的对象,statement 是...

    js遍历详解(forEach, map, for, for...in, for...of)

    本文将详细介绍.forEach、.map、for循环、for...in和for...of这几种常见的遍历方式。 首先,我们来谈谈.forEach方法。.forEach是数组的一个方法,它对数组的每个元素执行一次提供的函数。.forEach方法接受一个回调...

    Javascript技巧之不要用for in语句对数组进行遍历

    如果使用for...in遍历一个经过原型扩展的数组对象,那么遍历的结果可能会包括原型链上新增加的方法,导致实际的遍历次数多于预期。例如,如果Array.prototype新增了toJSON方法,使用for...in遍历数组时,就会遍历到...

    js-字符串的方法、模板字符串、对象的遍历.pdf

    遍历对象可以使用 `for...in` 循环,例如 `for (var key in obj) { console.log(key, obj[key]); }`。 对象也可以使用括号语法来新增属性,例如 `obj[key] = 1`。 在 JavaScript 中,严格模式可以使用 `'use ...

    Javascript中For In语句用法实例

    JavaScript 提供了多种控制语句,其中包括“for...in”语句,这是一种为对象属性或者数组元素提供便捷遍历方式的结构。 首先,我们需要理解在JavaScript中的对象以及数组的概念。对象是键值对的集合,而数组则是...

    js中for in的用法示例解析.docx

    在JavaScript中,`for...in`循环是一种遍历对象属性的迭代语句,它主要用于枚举对象的所有可枚举属性,包括从原型链继承而来的属性。以下是对`for...in`循环的详细解释和使用示例。 首先,让我们看一个简单的`for.....

    数组Array进行原型prototype扩展后带来的for in遍历问题

    在标题中提到的“数组Array进行原型prototype扩展后带来的for in遍历问题”,指的是当开发者在`Array.prototype`上添加自定义方法后,这些方法会被视为数组实例的属性,而`for...in`循环会遍历所有可枚举的属性,...

    【JavaScript源代码】JavaScript 语句之常用 for 循环详解.docx

    - **数组和对象**:`for...in` 可用于遍历对象的所有可枚举属性,包括继承自原型链的属性。 - **语法**:`for (变量 in 对象)`。 **示例**: ```javascript let arr = [1, 2, 3, 4, 5, 6]; Array.prototype.a = "1...

    Professional.JavaScript.for.Web.Developers 3rd Ed Nicholas Zakas

    - **外部JavaScript文件**:通过`&lt;script&gt;`标签引用外部`.js`文件,便于代码复用和管理。 - **DOM选择器**:学习如何使用DOM选择器来选取页面中的元素,从而对其进行操作。 #### 三、JavaScript语言基础(Chapter 3...

    js代码-JS练习 for...in 与 对象深拷贝

    在JavaScript中,`for...in`循环是一种遍历对象属性的语法结构,而对象的深拷贝则是复制一个对象的所有属性及其嵌套的对象或数组,形成一个全新的独立对象。这两个概念在JavaScript编程中都占据着重要的地位。接下来...

    Javascript for in的缺陷总结

    但在IE9以及Firefox、Chrome、Opera、Safari等现代浏览器中,重写的属性也会被for...in遍历到。这导致了跨浏览器代码的一致性问题。 再比如,文章指出,向Object.prototype添加属性会导致所有使用for...in的浏览器...

    JavaScript程序设计课件:第四章 逻辑控制语句.ppt

    第四章“逻辑控制语句”涵盖了多个重要的概念,包括复合语句、if语句、switch语句、循环(while和do...while)、for语句、for...in语句、标签语句、break和continue语句以及异常处理语句。 1. **复合语句**: 复合...

    js中for in语句的用法讲解

    JavaScript中的for...in语句是ES5以及更早版本中的一个特殊循环结构,用于遍历一个对象的所有可枚举属性。每个属性的键名(key)被循环赋值给变量,并执行循环体内的语句。for...in循环可以用来遍历数组和对象的属性...

Global site tag (gtag.js) - Google Analytics