宽度为3的菱形用JS怎么实现
时间: 2024-10-11 10:11:09 浏览: 24
CSS3菱形布局鼠标经过遮罩代码
宽度为3的菱形,通常指三角形状,可以用JavaScript结合HTML来创建,这里提供一种简单的绘制方法。你可以通过嵌套循环生成菱形的星号(*)字符,然后拼接成字符串插入到HTML元素中。以下是基本的步骤:
```javascript
function drawDiamond(width) {
let halfWidth = Math.floor(width / 2);
let topHalf = '';
for (let i = 0; i <= halfWidth; i++) {
// 上半部分,从左到右
let row = '*'.repeat(2 * i + 1);
if (i === halfWidth) {
// 中间行,特殊处理
row = ' '.repeat(halfWidth) + '*' + ' '.repeat(halfWidth);
}
topHalf += row + '\n';
}
let bottomHalf = '';
for (let i = halfWidth - 1; i >= 0; i--) {
// 下半部分,从右到左
let row = '*'.repeat(2 * i + 1);
bottomHalf += row + '\n';
}
return topHalf.slice(0, -1) + '\n' + bottomHalf;
}
console.log(drawDiamond(3));
```
这将输出宽度为3的菱形:
```
*
**
***
****
*****
```
阅读全文