Javascript Day3 迴圈 For & While

For

簡單範例

for (let i = 0; i < 10; i++) {
    if (i % 2 === 0) {
        console.log(i + " 是偶數");
    } else {
        console.log(i + " 是奇數");
    }
}

While

簡單範例

let i = 0;
while (i < 10) {
    if (i % 2 === 0) {
        console.log(i + " 是偶數");
    } else {
        console.log(i + " 是奇數");
    }
    i++;
}

雙層迴圈

印出一個直角三角型

for (let i = 1; i <= 5; i++) {
    let row = '';
    for (let j = 1; j <= i; j++) {
        row += '*';
    }
    console.log(row);
}

印出乘法表

for (let i = 1; i <= 9; i++) {
    for (let j = 1; j <= 9; j++) {
        console.log(`${i} x ${j} = ${i * j}`);
    }
}

牛刀小式

1. 印出正三角型
2. 印出倒三角形
3. 印出菱形

看答案

Q1

for (let i = 1; i <= 5; i++) {
    let row = '';
    for (let j = 1; j <= 5 - i; j++) {
        row += ' ';
    }
    for (let k = 1; k <= i; k++) {
        row += '*';
    }
    console.log(row);
}

Q2

for (let i = 5; i >= 1; i--) {
    let row = '';
    for (let j = 1; j <= 5 - i; j++) {
        row += ' ';
    }
    for (let k = 1; k <= i; k++) {
        row += '*';
    }
    console.log(row);
}

Q3

let n = 5; // 菱形的高度
for (let i = 1; i <= n; i++) {
    let row = '';
    for (let j = 1; j <= n - i; j++) {
        row += ' ';
    }
    for (let k = 1; k <= 2 * i - 1; k++) {
        row += '*';
    }
    console.log(row);
}
for (let i = n - 1; i >= 1; i--) {
    let row = '';
    for (let j = 1; j <= n - i; j++) {
        row += ' ';
    }
    for (let k = 1; k <= 2 * i - 1; k++) {
        row += '*';
    }
    console.log(row);
}

Contributors

lucashsu95

Changelog

Last edited 8 days ago

View full history

32ec14c-將 JavaScript Day 文件中的圖片路徑更新為相對 URL

7304090-更新 Day4 和 Day1 的內容，調整字串題目及 JavaScript 基礎說明

da3c26a-更新 Day3 教學文件

f9f9f80-新增 JavaScript 教學文件，Day1 至 Day3 的內容