JavaScript for वाक्यांश

विभावना और उपयोग

for वाक्यांश चकार को बनाता है, जब तक की शर्त सत्य है तब तक इसे चलाता है。

जब तक की शर्त सत्य है, चकार जारी रहेगा। जब तक की शर्त झूठी नहीं होती, तब तक यह रुकेगा。

JavaScript विभिन्न प्रकार के चकारों को समर्थित करता है:

  • for - कई बार चकारें
  • for/in - ऑब्जेक्ट की गुणों को चकारें
  • for/of - एक चलने वाले ऑब्जैक्ट के मूल्यों को दूरी पड़ता है
  • while - निर्दिष्ट शर्त सही होने पर कोड ब्लॉक को चलाएं
  • do/while - एक बार कोड ब्लॉक चलाएं, और फिर निर्दिष्ट शर्त सही होने पर लूप को दोबारा चलाएं

सूचना:लूप से बाहर निकलने के लिए break स्टेटमेंट का उपयोग करें, लूप में किसी एक मूल्य को छोड़ने के लिए continue स्टेटमेंट का उपयोग करें。

उदाहरण

लूप को पांच बार चलाएं:

var text = "";
var i;
for (i = 0; i < 5; i++) {
  text += "The number is " + i + "<br>";
}

आप खुद सबसे प्रयोग करें

पृष्ठ के नीचे और अधिक TIY उदाहरण हैं。

व्याकरण

for (statement 1; statement 2; statement 3) {
  चलाने वाला कोड ब्लॉक
}

पारामीटर मूल्य

पारामीटर वर्णन
statement1

वैकल्पिक। लूप (कोड ब्लॉक) प्रारंभ से पहले चलाया जाता है। यह सामान्यतया गणना वेरियेबल को सेट करने के लिए उपयोग किया जाता है। अगर कई मूल्य सेट करना है, तो प्रत्येक मूल्य को कमा के साथ अलग करें。

टिप्पणी:यह पारामीटर संक्षिप्त किया जा सकता है। लेकिन, अनुच्छेद ";" को नहीं संक्षिप्त करें。
statement2

वैकल्पिक। लूप (कोड ब्लॉक) चलने की शर्त को परिभाषित करें। यह सामान्यतया गणना वेरियेबल की शर्त को मूल्यांकित करने के लिए उपयोग किया जाता है। यदि यह मूल्यांकन true वापस करता है, तो लूप फिर से शुरू होगा, अन्यथा लूप समाप्त होगा。

टिप्पणी:यह पारामीटर संक्षिप्त किया जा सकता है। लेकिन, अनुच्छेद ";" को नहीं संक्षिप्त करें। इसके अलावा, यदि यह पारामीटर संक्षिप्त किया जाता है, तो लूप के अंदर break प्रदान करना आवश्यक है। अन्यथा लूप कभी नहीं समाप्त होगा, यह आपके ब्राउज़र को ढहाएगा。
statement3

वैकल्पिक। हर लूप (कोड ब्लॉक) के अनुत्तर के बाद चलाया जाता है। यह सामान्यतया गणना वेरियेबल को बढ़ाने या कम करने के लिए उपयोग किया जाता है。

टिप्पणी:यह पारामीटर संक्षिप्त किया जा सकता है (उदाहरण में लूप के अंदर के मूल्य को बढ़ाना/कम करना).

तकनीकी विवरण

जावास्क्रिप्ट संस्करण: ECMAScript 1

और अधिक उदाहरण

उदाहरण

लूप आयामों के इंडेक्स को दूरी पड़ता है, cars आयामों से कार के नाम को संग्रह करता है:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; i < cars.length; i++) {
  text += cars[i] + "<br>";
}

आप खुद सबसे प्रयोग करें

उदाहरण व्याख्या:

  • पहले, हम लूप प्रारंभ से पहले एक वेरियेबल सेट करते हैं (var i = 0;)
  • तो, हम लूप चलने की शर्त को परिभाषित करते हैं। वेरियेबल आयामों की लंबाई से कम होने तक (यानी 4), लूप जारी रहता है
  • हर लूप के अनुत्तर के दौरान, वेरियेबल एक के साथ बढ़ता है (i++)
  • जब तक वे वेरियेबल 4 (आयामों की लंबाई) से कम नहीं होती, शर्त झूठी होती है, और लूप समाप्त होता है

उदाहरण

पहले पारामीटर में कई मूल्य सेट करें:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i;
for (i = 0, len = cars.length, text = ""; i < len; i++) { 
  text += cars[i] + "<br>";
}

आप खुद सबसे प्रयोग करें

उदाहरण

पहला पारामीटर संक्षिप्त करें (लूप प्रारंभ से पहले मूल्य सेट करें):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
  text += cars[i] + "<br>";
}

आप खुद सबसे प्रयोग करें

उदाहरण

कांटीन स्टेटमेंट - लूप कोड ब्लॉक उपयोग करें, लेकिन "3" इस मूल्य को छोड़ दें:

var text = ""
var i;
for (i = 0; i < 5; i++) {
  if (i == 3) {
    continue;
  }
  text += "The number is " + i + "<br>";
}

आप खुद सबसे प्रयोग करें

उदाहरण

break स्टेटमेंट का उपयोग करें - चक्र के भीतर कोई कोड चलाएं, लेकिन जब वेरियेबल i "3" हो तो चक्र से बाहर निकलें:

var text = ""
var i;
for (i = 0; i < 5; i++) {
  if (i == 3) {
    break;
  }
  text += "The number is " + i + "<br>";
}

आप खुद सबसे प्रयोग करें

उदाहरण

दूसरा पारामीटर छोड़ दें। इस उदाहरण में, हमने भी break स्टेटमेंट का उपयोग किया है कि जब i "3" हो तो चक्र से बाहर निकलें (यदि दूसरा पारामीटर छोड़ दिया जाता है, तो चक्र के अंदर break कीवार्ड को देना आवश्यक है। अन्यथा चक्र कभी बंद नहीं होगा और आपका ब्राउज़र ढह जाएगा):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; ; i++) {
  if (i == 3) {
    break;
  }
  text += cars[i] + "<br>";
}

आप खुद सबसे प्रयोग करें

उदाहरण

गिरावट वाली क्रम में आयाम का चक्र की घूमाहट करें (नकारात्मक कीवार्ड बढ़ाएं):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = cars.length - 1; i >= 0; i--) {
  text += cars[i] + "<br>";
}

आप खुद सबसे प्रयोग करें

उदाहरण

अंतिम पारामीटर को छोड़ दें और चक्र में उत्तरदायी कीवार्ड बढ़ाएं:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var len = cars.length;
for (; i < len;) { 
  text += cars[i] + "<br>";
  i++;
}

आप खुद सबसे प्रयोग करें

उदाहरण

एक NodeList ऑब्जेक्ट के नोड को चक्र से घूमकर सभी <p> एलिमेंट का पृष्ठभूमि रंग बदलें:

var myNodelist = document.getElementsByTagName("P");
var i;
for (i = 0; i < myNodelist.length; i++) {
  myNodelist[i].style.backgroundColor = "red";
}

आप खुद सबसे प्रयोग करें

उदाहरण

निर्धारित चक्र का उदाहरण (चक्र के भीतर का चक्र):

var text = "";
var i, j;
for (i = 0; i < 3; i++) {
  text += "<br>" + "i = " + i + ", j = "; 
  for (j = 10; j < 15; j++) {
    document.getElementById("demo").innerHTML = text += j + " ";
  }
}

आप खुद सबसे प्रयोग करें

ब्राउज़र समर्थन

वाक्य च्रोम आईई फ़ायरफॉक्स सैफारी ओपेरा
फॉर समर्थन समर्थन समर्थन समर्थन समर्थन

संबंधित पृष्ठ

जावास्क्रिप्ट ट्यूटोरियल:JavaScript For चक्र

JavaScript संदर्भ पुस्तिका:JavaScript for ... in वाक्यांश

JavaScript संदर्भ पुस्तिका:JavaScript break वाक्यांश

JavaScript संदर्भ पुस्तिका:JavaScript continue वाक्यांश

JavaScript संदर्भ पुस्तिका:JavaScript while वाक्यांश