for 루프
for(变量 = 初始值 ; 循环条件 ; 变量累加方法)
{
循环语句;
}는 더 명확하게 설명하기 위한 예를 제공합니다. 예를 들어 루프에서 0부터 7까지의 숫자를 인쇄합니다.
<html>
<head>
</head>
<body>
<script>
for(var i=0;i<8;i++)
{
document.write("number is "+i+"<br>");
}
</script>
</body>
</html>브라우저에서의 효과:
for 루프 가장 일반적으로 사용되는 곳은 인덱스를 사용하여 배열을 순회하는 것입니다:
var arr = ['Apple', 'Google', 'Microsoft'];
var i, x;
for (i=0; i<arr.length; i++) {
x = arr[i];
alert(x);
}for 루프의 세 가지 조건은 루프를 종료하는 판단 조건이 없으면 생략할 수 있습니다. 루프를 종료하려면 break 문을 사용하세요. 그렇지 않으면 무한 루프가 됩니다. :
var x = 0;
for (;;) { // 将无限循环下去
if (x > 100) {
break; // 通过if判断来退出循环
}
x ++;
}<!DOCTYPE html>
<html>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
for (var i=0;i<cars.length;i++)
{
document.write(cars[i] + "<br>");
}
</script>
</body>
</html>for ... in
변형 for 루프 중 for ... in 루프는 객체를 넣을 수 있습니다. 모든 속성이 차례로 루프아웃됩니다.
var o = {
name: 'Jack',
age: 20,
city: 'Beijing'
};
for (var key in o) {
alert(key); // 'name', 'age', 'city'
}객체가 상속한 속성을 필터링하려면 hasOwnProperty()를 사용하여 다음을 구현하세요.
var o = {
name: 'Jack',
age: 20,
city: 'Beijing'
};
for (var key in o) {
if (o.hasOwnProperty(key)) {
alert(key); // 'name', 'age', 'city'
}
}Array도 객체이고 각 요소의 인덱스는 객체의 속성으로 처리되므로 for...in 루프는 Array의 인덱스를 직접 루프아웃할 수 있습니다.
아아아아<html>
<head>
</head>
<body>
<script>
for(var i=0;i<8;i++)
{
document.write("number is "+i+"<br>");
}
</script>
</body>
</html>
