W3CAPI 在线教程 | 菜鸟教程_LOGO
文档目录
文档目录
我的书签
 

JavaScript

JavaScript 入门教程

JavaScript是一门Web编程语言,用来实现网页的交互功能,它和HTML、CSS共同组成了个Web开发的基础工具集合,也是前端开发者必备的技能;学习JavaScript教程可以了解它在网页开发中的所有特性和相关概念,让我们能够更加快速的去开发Web应用。

W3CAPI
1
2020-06-18 07:05:48

for...in

JavaScript: for...in 语句

详细说明

for...in 语句通过遍历对象的所有属性来迭代指定的变量,并针对该对象的每个属性执行一条或多条语句。

语法说明

for (variable in object)
{
statements
}
执行一下

代码说明

Variable:用于遍历对象所有属性的变量,该变量在循环结束后仍可在循环外部访问。

statements:为对象的每个属性执行的语句。若循环内包含多个语句,需使用块语句({..})。

示例:

下列文档中的 for...in 语句通过遍历对象的所有属性来迭代指定的变量。

HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>JavaScript for in statement :  Example-1</title>
<link rel="stylesheet" type="text/css" href="example.css">
</head>
<body>
<h1>JavaScript : for in statement </h1>
<p id="result">Output will be displayed here.</p>
<script src="for-in-statement-example1.js"></script>
</body>
</html>

执行一下

JS代码

function demo()
{
var  key, str1 = "";
// Initialize object.
var student = {
name : "David Rayy",
classname : "V",
rollno : 12
};
// Iterate the properties.
for(key in student)
{
str1 = str1+ student[key];
}
return(str1);
}
var newParagraph = document.createElement("p");
var newText = document.createTextNode(demo());
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph);

执行一下

在浏览器中查看示例


上一篇:JavaScript:continue 语句
下一篇:JavaScript:try...catch 语句

相关提问
敬请期待