Цикл for-in JavaScript - httpdoc.ru

Цикл for in JavaScript

for-in Цикл представляет собой особый тип цикла , который выполняет итерацию по свойствам объекта или элементов массива. Каждый объект имеет разные свойства и их значения, хранящиеся внутри него.

На каждой итерации каждое свойство объекта присваивается указанному имени переменной, и значение становится значением переменной, после чего мы можем использовать переменную внутри цикла. Этот цикл продолжается до тех пор, пока не будут исчерпаны все свойства объекта.

Блок кода внутри цикла будет выполняться один раз для каждого свойства.

Синтаксис
for (var переменная in объекте) { 
      // код для выполнения  
       }

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript For in Loop Statement </title> 
</head> 
<body>

<p>Click blow to see the properties of an object.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
  var person = {fname:"John", lname:"Snow", age:25}; 
  
  var text = "";
  var x;
  for (x in person) {
    text += person[x] + " ";
  }
  document.getElementById("demo").innerHTML = text;
}
</script>

</body>
</html>

Выход

JavaScript For in Loop Statement


For ... in Loop с использованием массива

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript For in Loop Statement </title> 
</head> 
<body> 

   <p> JavaScript Iterate Over an Array Using For in Loop</p>
<body>
 <script>
  // An object with some properties 
  var person = {"Name": "Shubham", "Surname": "Kandari", "Age": "26"};
     
  // Loop through all the properties in the object  
   for(var prop in person) {  
    document.write("<p>" + prop + " = " + person[prop] + "</p>"); 
    }
</script>
</body>
</html>

Выход

JavaScript For in Loop Statement

Имя = Шубхам

Фамилия = Кандари

Возраст = 26