|
|
📢 博客主頁：https://blog.csdn.net/AcssGood
📢 歡迎點贊 👍 收藏 ?留言 📝 如有錯誤敬請指正 ！
📢 本文由 DianC 原創，首發于 CSDN 🙉
📢 個性簽名: 愿你出走半生，歸來仍是少年 ?
前言
前段時間有小伙伴私信我，問如何用網頁輸出楊輝三角形，并且截了個圖給我看，如下圖
本來我也是不會的，相當于沒聽過楊輝三角是什么東西，但是上網查了一下，了解了定義之后就有了思路，每一行左右都為1，并且每個數等于上一行左右兩數之和，
開始實作
知道定義之后就好辦了，創建一個二維陣列
<script type="text/javascript">
function yanghui(row) {
// 創建一維陣列
var arr = new Array(row)
// 創建二維陣列
for (var i = 0; i < arr.length; i++) {
arr[i] = new Array(i + 1)
}
// 回圈賦值
for (var i = 0; i < arr.length; i++) {
for (var j = 0; j < arr[i].length; j++) {
if (j === 0 || i === j) {
arr[i][j] = 1
}
else {
arr[i][j] = arr[i - 1][j] + arr[i - 1][j - 1]
}
}
}
// 列印三角
for (var i = 0; i < arr.length; i++) {
for (var j = 0; j < arr[i].length; j++) {
document.write(arr[i][j] + " ")
}
document.write("<br />")
}
}
yanghui(5)
</script>
上述輸出結果如下，可見邏輯已經完成了，但是還少了一步，隨便使用css把字體居中即可
完整代碼如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body {
text-align: center;
}
</style>
</head>
<body>
<script type="text/javascript">
function yanghui(row) {
// 創建一維陣列
var arr = new Array(row)
// 創建二維陣列
for (var i = 0; i < arr.length; i++) {
arr[i] = new Array(i + 1)
}
// 回圈賦值
for (var i = 0; i < arr.length; i++) {
for (var j = 0; j < arr[i].length; j++) {
if (j === 0 || i === j) {
arr[i][j] = 1
}
else {
arr[i][j] = arr[i - 1][j] + arr[i - 1][j - 1]
}
}
}
// 列印三角
for (var i = 0; i < arr.length; i++) {
for (var j = 0; j < arr[i].length; j++) {
document.write(arr[i][j] + " ")
}
document.write("<br />")
}
}
yanghui(5)
</script>
</body>
</html>
最后
寫在最后，如果文章有幫助到你，希望可以給個三連支持一下噢，讓更多人看到這篇文章，
謝謝了你嘞！
各位大佬程式猿/媛們，愿你們編出屬于自己的幸福程式，永遠開心，
|
|
熱門推薦
🥇 這樣配置學習VSCode，寫前端代碼想不快都難（??精心準備多動圖，建議收藏噢~??）
🥈 還不會搭建個人博客?手把手教你用Wordpress搭建只屬于你的世界~
🥉 Hexo的準備作業（手把手教你搭建Node.js/Git環境）
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/339185.html
標籤：其他