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

ਵਿਕਲਪਿਕ। ਸਰਕਟ (ਕੋਡ ਬਲਾਕ) ਚਲਾਉਣ ਦੀ ਸ਼ਰਤ ਨਿਰਧਾਰਿਤ ਕਰੋ। ਆਮ ਤੌਰ 'ਤੇ ਇਹ ਕ੍ਰਿਆ ਵਰਤੋਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ ਕਿ ਗਿਣਤੀ ਵਰਗੇ ਵੈਰੀਅਬਲਾਂ ਦੀ ਸ਼ਰਤ ਮੁੱਲਾਂਕਣ ਲਈ। ਜੇਕਰ ਇਹ ਮੁੱਲ ਮੁੱਖ ਹੈ, ਤਾਂ ਸਰਕਟ ਮੁੜ ਚਲੇਗਾ, ਨਹੀਂ ਤਾਂ ਸਰਕਟ ਸਮਾਪਤ ਹੋਵੇਗਾ。

ਟਿੱਪਣੀ:ਇਹ ਪੈਰਾਮੀਟਰ ਛੱਡ ਸਕਦੇ ਹਨ। ਪਰ, ";" ਨਾਲ ਛੱਡ ਨਾ ਕਰੋ। ਇਸ ਤੋਂ ਇਲਾਵਾ, ਜੇਕਰ ਇਹ ਪੈਰਾਮੀਟਰ ਛੱਡਿਆ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਸਰਕਟ ਅੰਦਰ 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" ਹੋਣ ਤੇ ਲੱਖਣ ਨੂੰ ਬੰਦ ਕੀਤਾ ਜਾਵੇ (ਜੇਕਰ ਦੂਜੀ ਪੈਰਾਮੀਟਰ ਸ਼ਾਮਲ ਨਹੀਂ ਕੀਤੀ ਜਾਂਦੀ ਤਾਂ ਲੱਖਣ ਹਮੇਸ਼ਾ ਚਲੇਗਾ ਅਤੇ ਆਪਣਾ ਬਰਾਉਜ਼ਰ ਢਹਿ ਜਾਵੇ):

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++;
}

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ

ਇੰਸਟੈਂਸ

ਨੋਡ ਲਿਸਟ ਆਬਜੈਕਟ ਦੇ ਨੋਡਾਂ ਦੀ ਪਰਿਭਾਸ਼ਾ ਲਈ ਪਰਿਭਾਸ਼ਾ ਕਰੋ ਅਤੇ ਸੂਚੀ ਵਿੱਚ ਸਾਰੇ <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 ਟੂਰਨਾਲ਼:JavaScript For ਚੱਕਰ

JavaScript 参考手册：JavaScript for ... in 语句

JavaScript 参考手册：JavaScript break ਵਾਕਿਆ

JavaScript 参考手册：JavaScript continue ਵਾਕਿਆ

JavaScript 参考手册：JavaScript while ਵਾਕਿਆ