If tutorials available on this website are helpful for you, please whitelist this website in your ad blocker😭 or Donate to help us ❤️ pay for the web hosting to keep the website running.
JavaScript में for in loop का use की object (जो कि key : value pair में data store किये हो ) को iterate करने के लिए use करते हैं। for in loop का main purpose enumerable Object properties को iterate करना है ।
for(variable in object) { //write your logic here }
variable : यह variable हर Iteration में object की property store करता है। कह सकते हैं कि index store करता है।
object : यह actual object होता है जिसके लिए Looping Apply कर रहे हैं।
for in loop का main purpose Object properties को iterate करना है , JavaScript में Array के साथ इसका use उतना लाभकारी नहीं है। Array iterate करने के लिए हम forEach या for of loop का use करते हैं।
इसके अलावा इसका use debugging purpose करने के लिए किया जाता है , किसी object की properties को check करने के लिए (Using Console or otherwise) .
हम जानते हैं कि JavaScript में new keyword के साथ define की गयी string Object होती है , अब हम इसी object पर for in loop apply करके देखेंगे।
File : forin.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript for in Loop</title>
</head>
<body>
<script>
let string = "Welcome";
let index;
for(index in string)
{
document.write(`property : ${index} and value : ${string[index]} <br>`);
}
</script>
</body>
</html>
? Backticks (``) का use करके define की गयी string में हम ${ } ( dollar curly braces) के अंदर हम direct variables को print करा सकते हैं। और <br> का use line break करने के लिए करते हैं।
for in loop की हेल्प से हम आसानी से किसी object की values को modify कर सकते हैं।
File : forin2.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript for in Loop</title>
</head>
<body>
<script>
/* defining JavaScript Object */
let object = {
name:'Rahul Rajput',
age:54,
designation : 'Web Developer',
};
let property;
document.write(`Before Change : <br>`);
for(property in object)
{
document.write(`property : ${property} and value : ${object[property]} <br>`);
}
document.write(`After Change : <br>`);
for(property in object)
{
if(property == 'age')
object[property] = 30;
document.write(`property : ${property} and value : ${object[property]} <br>`);
}
</script>
</body>
</html>
इसी तरह से आप किसी Array में store values को भी आसानी से modify कर सकते हैं।