JavaScript定義及輸出螺旋矩陣的方法詳解
本文實例講述了JavaScript定義及輸出螺旋矩陣的方法。分享給大家供大家參考,具體如下:
昨晚無意看到這樣一個算法題目,然后就想著用js來實現(xiàn)。
昨晚草草寫完后感覺代碼很丑,很臭,于是今晚又花點時間重構(gòu)了一下,感覺變得優(yōu)雅了。
什么是螺旋矩陣
螺旋矩陣是指一個呈螺旋狀的矩陣,它的數(shù)字由第一行開始到右邊不斷變大,向下變大,向左變大,向上變大,如此循環(huán)。
如圖:
實現(xiàn)效果
實現(xiàn)代碼
(function() { var map = (function() { function map(n) { this.map = [], this.row = 0, this.col = -1, this.dir = 0, this.n = n; // 建立個二維數(shù)組 for (var i = 0; i < this.n; i++) { this.map.push([]); } // 定義移動的順序為 右,下,左,上 var order = [this.right, this.bottom, this.left, this.up]; i = 0; do { // 能移動則更新數(shù)字,否則更改方向 order[this.dir % 4].call(this) ? i++ : this.dir++; // 賦值 this.map[this.row][this.col] = i; } while (i < n * n); } map.prototype = { print: function() { for (var i = 0; i < this.n; i++) { console.log(this.map[i].join(' ')) } }, // 向該方向移動 left: function() { return this.move(this.row, this.col - 1); }, right: function() { return this.move(this.row, this.col + 1); }, up: function() { return this.move(this.row - 1, this.col); }, bottom: function() { return this.move(this.row + 1, this.col); }, // 如果坐標(biāo)在范圍內(nèi),并且目標(biāo)沒有值,條件滿足則更新坐標(biāo) move: function(row, col) { return (0 <= row && row < this.n) && (0 <= col && col < this.n) && !this.map[row][col] && (this.row = row, this.col = col, true); }, }; return map; })(); new map(6).print(); })();
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)學(xué)運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript操作DOM技巧總結(jié)》及《JavaScript字符與字符串操作技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
javascript-解決mongoose數(shù)據(jù)查詢的異步操作
這篇文章主要介紹了javascript-解決mongoose數(shù)據(jù)查詢的異步操作,具有一定的參考價值,有興趣的可以了解一下。2016-12-12javascript實現(xiàn)的鼠標(biāo)鏈接提示效果生成器代碼
javascript實現(xiàn)的鼠標(biāo)鏈接提示效果生成器代碼...2007-06-06ECMA5數(shù)組的新增方法有哪些及forEach()模仿實現(xiàn)
這篇文章主要介紹了ECMA5數(shù)組的新增方法有哪些及forEach()模仿實現(xiàn),需要的朋友可以參考下2015-11-11JavaScript實現(xiàn)簡單獲取本地圖片主色調(diào)
想象一個場景,就是如何根據(jù)一張圖片大概提取出它的主色調(diào)呢?獲取主色調(diào)后,可能會用來設(shè)置某些背景顏色,這里,利用?JS?簡單獲取本地圖片主色調(diào),希望對大家有所幫助2023-03-03Echats圖表大屏自適應(yīng)的實現(xiàn)方法
很多時候我們需要用圖表來制作我們統(tǒng)計的數(shù)據(jù)直觀的分析,所以我們可以用Echarts來制作圖表,這篇文章主要給大家介紹了關(guān)于Echats圖表大屏自適應(yīng)的實現(xiàn)方法,需要的朋友可以參考下2021-10-10Uni-App用uView組件庫中u-picker實現(xiàn)地區(qū)的省-市-區(qū)三級聯(lián)動、確認(rèn)及回顯
最近項目要使用uni-app遇到省市縣三級聯(lián)動的問題,下面這篇文章主要給大家介紹了關(guān)于Uni-App用uView組件庫中u-picker實現(xiàn)地區(qū)的省-市-區(qū)三級聯(lián)動、確認(rèn)及回顯的相關(guān)資料,需要的朋友可以參考下2023-12-12