# <font class="h2">迴圈題目</font>

###### tags: `javascript`
<style>
.h2 {
background: linear-gradient(135deg,#fff,#537479) ;
color: #537479;
display:block;
padding: 6px 5px;
border-radius: 4px;
}
.h3 {
background: linear-gradient(180deg,#fff 50%,#c9d5d4) ;
color: #537479;
display:block;
padding: 6px 5px;
border-bottom: 3px solid #537479;
}
.h4 {
color: #537479;
font-weight:bold;
font-size:1.1em;
}
</style>
<br>

### <font class="h4">➤ 奇偶合範例</font>

let i = 0;
let sum = 0;
let sum1 = 0;
for (i = 0; i <= 100; i++) {
	if (i % 2 === 0) {
		sum += i
	} else {
		sum1 += i
	}
}
console.log(sum, sum1)

<br>

### <font class="h4">➤ 打印出1-100之間所有的質數</font>

//打印2-100之間所有的數
for (var i = 2; i <= 100; i++) {
	//創建一個布爾值，用來保存結果，默認i是質數
	var flag = true;
	//判斷i是否是質數
	//獲取到2-i之間的所有的數
	for (var j = 2; j < i; j++) {
		//判斷i是否能被j整除
		if (i % j == 0) {
			//如果進入判斷則證明i不是質數,修改flag值為false
			flag = false;
		}
	}
	//如果是質數，則打印i的值
	if (flag) {
		console.log(i);
	}
}

<br>

### <font class="h4">➤ 指定數字是否為質數範例</font>
所謂質數或稱素數，就是一個正整數，除了本身和 1 以外並沒有任何其他因子。例如 2，3，5，7

let num = 83;
if (num <= 1) {
  console.log("No");
} else {
  let flag = true;
  for (let i = 2; i < num; i++) {
    if (num % i === 0) {
      flag = false;
    }
  }
  if (flag) {
    console.log(num + "是質數");
  } else {
    console.log(num + "不是質數");
  }
}

<br>

### <font class="h4">➤ 指定數字是否為質數範例</font>

/*
 *質數：只能被1和自身整除,不能被2到(num-1)整除
 */
//普遍方法判斷質數
function isPrime(num) {
    for (let i = 2; i < num; i++) {
        if (num % i == 0) {
            return false;
        }
    }
    return false;
}
/*
 *高效判斷質數法
 *一個數不能被大於2且小於自身開平方根的數整除，即是質數
 */
function isPrime(num) {
    let t = parseInt(Math.sqrt(num));
    for (let i = 2; i < t; i++) {
        if (num % i == 0) {
            return false;
        }
    }
    return true;
}

<br>

### <font class="h4">➤ 水仙花數範例</font>

let i=0;
for(i = 100; i<1000 ; i++){
  let bai = parseInt(i/100);
  let shi = parseInt((i-bai*100)/10);
  let ge = i%10;
  //水仙花數
  if(bai**3+shi**3+ge**3 === i){
    console.log(i)
  }
}

<br>

### <font class="h4">➤ 面試題:3為buzz、5為fizz、15為fizzbuzz範例</font>

let arr = [];
for (let i = 1; i <= 100; i++) {
  if (i % 5 === 0 && i % 3 === 0) {
    let i = "fizzbuzz";
    arr.push(i);
  } else if (i % 5 === 0) {
    let i = "fizz";
    arr.push(i);
  } else if (i % 3 === 0) {
    let i = "buzz";
    arr.push(i);
  } else {
    arr.push(i);
  }
}
console.log(arr);

<br>

### <font class="h4">➤ 程序速度範例</font>

console.time("test");
for (let i = 2; i <= 10000; i++) {
  var flag = true;
  for (let j = 2; j < i; j++) {
    if (i % j === 0) {
      flag = false;
      // break;
    }
  }
  if (flag) {
    console.log(i);
  }
}
console.timeEnd("test");

i數字越小有沒有break執行速度沒甚麼差異，越大越明顯
沒break:620ms~670ms
有break:140ms~170ms
再優化範例

console.time("test");
for (let i = 2; i <= 10000; i++) {
  var flag = true;
  for (let j = 2; j <= Math.sqrt(i); j++) {
    if (i % j === 0) {
      flag = false;
      // break;
    }
  }
  if (flag) {
    console.log(i);
  }
}
console.timeEnd("test");

沒break:90ms~110ms
有break:80ms~110ms
<br>

### <font class="h4">➤ fn(a)，陣列中的a個質數範例</font>

function fn(a) {
  if (a < 1 || isNaN(a)) {
    console.log("要從1開始");
    return;
  }
  let arr = [];
  for (let i = 2; ; i++) {
    let flag = true;
    if (arr.length === a) {
      break;
    }
    for (let j = 2; j <= Math.sqrt(i); j++) {
      if (i % j === 0) {
        flag = false;
        break;
      }
    }
    if (flag) {
      arr.push(i);
    }
  }
  console.log(arr);
}
fn(3);

<br>

### <font class="h4">➤ 九九乘法表</font>

**1. 第一步-先理解繪製出陣型**
:::info
<br>

for (let row = 1; row < 10; row++) {
    for (let column = 1; column <= row; column++) {
        document.write("*");
    }
    document.write("<br>");
}

`document.write()`意思是在網頁上寫入內容
`<br>` 是換行的意思
<br>

第一行row跑1，clown會跑1 ~ 9，但clown不能大於row所以2 ~ 9沒跑，然後換行;
第一行row跑2，clown會跑1 ~ 9，但clown不能大於row所以3 ~ 9沒跑，然後換行;
之後同理，
所以外層迴圈row負責換行，內層迴圈clown負責印出字樣
:::

:::info
倒三角

for (let row = 1; row < 10; row++) {
    for (let column = row; column <= 9; column++) {
        document.write("*");
    }
    document.write("<br>");
}


第一行row跑1，clown被賦予1，於是clown跑1~9，然後換行;
第一行row跑2，clown被賦予2，於是clown跑2~9，然後換行;
之後同理
<br>

:::
:::info
正方形

for (let row = 1; row < 10; row++) {
    for (let column = 1 ;column < 10; column++) {
        document.write("*");
    }
    document.write("<br>");
}

:::
<br>

**2.第二步- 99乘法運用**
:::info

for (var i = 1; i < 10; i++) {
  for (var j = 1; j < 10; j++) {
    document.write(`${i}*${j} &nbsp`);//這邊使用樣板字面值
  }
  document.write("<br><br>");
}

`&nbsp`為半形的不換行空格，就是一般鍵盤上的空白鍵(space key)產生的空格

<br>
:::

:::info

for (var k = 1; k < 10; k++) {
  for (var l = 1; l <=k; l++) {
    document.write(`${l}*${k} = ${l*k} &nbsp`);
  }
  document.write("<br><br>");
}

:::