JavaScript定義及輸出螺旋矩陣的方法詳解
本文實(shí)例講述了JavaScript定義及輸出螺旋矩陣的方法。分享給大家供大家參考,具體如下:
昨晚無(wú)意看到這樣一個(gè)算法題目,然后就想著用js來(lái)實(shí)現(xiàn)。
昨晚草草寫完后感覺代碼很丑,很臭,于是今晚又花點(diǎn)時(shí)間重構(gòu)了一下,感覺變得優(yōu)雅了。
什么是螺旋矩陣
螺旋矩陣是指一個(gè)呈螺旋狀的矩陣,它的數(shù)字由第一行開始到右邊不斷變大,向下變大,向左變大,向上變大,如此循環(huán)。
如圖:
實(shí)現(xiàn)效果
實(shí)現(xiàn)代碼
(function() { var map = (function() { function map(n) { this.map = [], this.row = 0, this.col = -1, this.dir = 0, this.n = n; // 建立個(gè)二維數(shù)組 for (var i = 0; i < this.n; i++) { this.map.push([]); } // 定義移動(dòng)的順序?yàn)?右,下,左,上 var order = [this.right, this.bottom, this.left, this.up]; i = 0; do { // 能移動(dòng)則更新數(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(' ')) } }, // 向該方向移動(dòng) 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é)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript操作DOM技巧總結(jié)》及《JavaScript字符與字符串操作技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
javascript-解決mongoose數(shù)據(jù)查詢的異步操作
這篇文章主要介紹了javascript-解決mongoose數(shù)據(jù)查詢的異步操作,具有一定的參考價(jià)值,有興趣的可以了解一下。2016-12-12javascript實(shí)現(xiàn)的鼠標(biāo)鏈接提示效果生成器代碼
javascript實(shí)現(xiàn)的鼠標(biāo)鏈接提示效果生成器代碼...2007-06-06ECMA5數(shù)組的新增方法有哪些及forEach()模仿實(shí)現(xiàn)
這篇文章主要介紹了ECMA5數(shù)組的新增方法有哪些及forEach()模仿實(shí)現(xiàn),需要的朋友可以參考下2015-11-11js判斷滾動(dòng)條是否已到頁(yè)面最底部或頂部實(shí)例
這篇文章主要介紹了js判斷滾動(dòng)條是否已到頁(yè)面最底部或頂部的原理與方法,以實(shí)例的形式詳細(xì)分析了js實(shí)現(xiàn)返回頂部功能所涉及的各種技巧,并對(duì)相關(guān)知識(shí)點(diǎn)進(jìn)行了總結(jié)歸納,需要的朋友可以參考下2014-11-11JavaScript實(shí)現(xiàn)簡(jiǎn)單獲取本地圖片主色調(diào)
想象一個(gè)場(chǎng)景,就是如何根據(jù)一張圖片大概提取出它的主色調(diào)呢?獲取主色調(diào)后,可能會(huì)用來(lái)設(shè)置某些背景顏色,這里,利用?JS?簡(jiǎn)單獲取本地圖片主色調(diào),希望對(duì)大家有所幫助2023-03-03js對(duì)象之JS入門之Array對(duì)象操作小結(jié)
每天一對(duì)象,今天我們也來(lái)new一個(gè)。沒有系統(tǒng)的學(xué)過(guò)JS,沒有特別的寫過(guò)一個(gè)比較出色的類庫(kù),沒有運(yùn)用過(guò)一個(gè)很強(qiáng)的類庫(kù),prototype.js在進(jìn)行著,慢慢的前進(jìn)相信不久的將來(lái)就可以應(yīng)用prototype.js來(lái)開發(fā)自己的應(yīng)用程序了。2011-01-01Echats圖表大屏自適應(yīng)的實(shí)現(xiàn)方法
很多時(shí)候我們需要用圖表來(lái)制作我們統(tǒng)計(jì)的數(shù)據(jù)直觀的分析,所以我們可以用Echarts來(lái)制作圖表,這篇文章主要給大家介紹了關(guān)于Echats圖表大屏自適應(yīng)的實(shí)現(xiàn)方法,需要的朋友可以參考下2021-10-10Uni-App用uView組件庫(kù)中u-picker實(shí)現(xiàn)地區(qū)的省-市-區(qū)三級(jí)聯(lián)動(dòng)、確認(rèn)及回顯
最近項(xiàng)目要使用uni-app遇到省市縣三級(jí)聯(lián)動(dòng)的問(wèn)題,下面這篇文章主要給大家介紹了關(guān)于Uni-App用uView組件庫(kù)中u-picker實(shí)現(xiàn)地區(qū)的省-市-區(qū)三級(jí)聯(lián)動(dòng)、確認(rèn)及回顯的相關(guān)資料,需要的朋友可以參考下2023-12-12