在JavaScript中如何定义及输出螺旋矩阵
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了在JavaScript中如何定义及输出螺旋矩阵，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1934字，纯文字阅读大概需要3分钟。
内容图文
这篇文章主要介绍了JavaScript定义及输出螺旋矩阵的方法,简单描述了螺旋矩阵的概念、原理并结合实例形式分析了javascript定义与输出螺旋矩阵的具体操作技巧,需要的朋友可以参考下本文实例讲述了JavaScript定义及输出螺旋矩阵的方法。分享给大家供大家参考，具体如下：
昨晚无意看到这样一个算法题目，然后就想着用js来实现。
昨晚草草写完后感觉代码很丑，很臭，于是今晚又花点时间重构了一下，感觉变得优雅了。
什么是螺旋矩阵
螺旋矩阵是指一个呈螺旋状的矩阵，它的数字由第一行开始到右边不断变大，向下变大，向左变大，向上变大，如此循环。
如图：
实现效果
实现代码
(function() {
var map = (function() {
function map(n) {
this.map = [], this.row = 0, this.col = -1, this.dir = 0, this.n = n;
// 建立个二维数组
for (var i = 0; i < this.n; i++) { this.map.push([]); }
// 定义移动的顺序为 右，下，左，上
var order = [this.right, this.bottom, this.left, this.up];
i = 0;
do {
// 能移动则更新数字，否则更改方向
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); },
// 如果坐标在范围内，并且目标没有值，条件满足则更新坐标
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();
})();上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
使用微信小程序如何实现图片选择区域裁剪
在vue中有关eventbus的详细解读
在Angular中如何使用toDoList
在React Native中如何使用Fetch发送网络请求
在vue中如何实现当前页面分享其他页面功能
在Vue中如何实现按需加载
以上就是在JavaScript中如何定义及输出螺旋矩阵的详细内容，更多请关注Gxl网其它相关文章！
内容总结
以上是互联网集市为您收集整理的在JavaScript中如何定义及输出螺旋矩阵全部内容，希望文章能够帮你解决在JavaScript中如何定义及输出螺旋矩阵所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。