Javascript實現任意輸出菱形圖案

眾所周知，Javascript作為前端語言，可以方便地對頁面進行動態操作。今天我們將探討如何使用Javascript輸出任意大小的菱形圖案。

我們先來看一下一個4x4的菱形圖案的代碼：

var n = 4;
for (var i = 1; i <= n; i++) {
var line = "";
for (var j = 1; j <= n - i; j++) {
line += " ";
}
for (var j = 1; j <= 2*i - 1; j++) {
line += "*";
}
console.log(line);
}
for (var i = n-1; i >= 1; i--) {
var line = "";
for (var j = 1; j <= n - i; j++) {
line += " ";
}
for (var j = 1; j <= 2*i - 1; j++) {
line += "*";
}
console.log(line);
}

上面這段代碼中，我們利用了兩個for循環，第一個循環控制輸出的行數，第二個循環用于輸出每一行的符號。這個例子中，我們使用了console.log函數輸出結果。

如果我們想輸出不同大小的菱形圖案，只需要修改代碼中的n變量即可。

例如，我們現在想輸出一個6x6的菱形圖案，只需要將代碼中的n變量改為6即可：

var n = 6;
for (var i = 1; i <= n; i++) {
var line = "";
for (var j = 1; j <= n - i; j++) {
line += " ";
}
for (var j = 1; j <= 2*i - 1; j++) {
line += "*";
}
console.log(line);
}
for (var i = n-1; i >= 1; i--) {
var line = "";
for (var j = 1; j <= n - i; j++) {
line += " ";
}
for (var j = 1; j <= 2*i - 1; j++) {
line += "*";
}
console.log(line);
}

同樣的，我們也可以輸出10x10的菱形圖案，只需要將代碼中的n變量改為10即可：

var n = 10;
for (var i = 1; i <= n; i++) {
var line = "";
for (var j = 1; j <= n - i; j++) {
line += " ";
}
for (var j = 1; j <= 2*i - 1; j++) {
line += "*";
}
console.log(line);
}
for (var i = n-1; i >= 1; i--) {
var line = "";
for (var j = 1; j <= n - i; j++) {
line += " ";
}
for (var j = 1; j <= 2*i - 1; j++) {
line += "*";
}
console.log(line);
}

通過以上例子，我們可以看到，在Javascript中輸出任意大小的菱形圖案并不難，只需要掌握循環語句和字符串拼接等基礎知識即可。