利用JavaScript实现蛇形矩阵

2024-06-08 04:18
文章标签 java 实现 script 矩阵 蛇形

本文主要是介绍利用JavaScript实现蛇形矩阵,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

利用JavaScript实现蛇形矩阵

输入:5

输出:[ [1, 2, 3, 4, 5],

            [16,17,18,19,6],

            [15,24,25,20,7],

            [14,23,22,21,8],

            [13,12,11,10,9] ]

之前面试遇到这道题了,当时没有编出来,然后一直没时间尝试,今天终于抽空补上了,欠的债终于还了(小声BB)

言归正传,如给定示例,数字按照顺时针旋转填充,故可以观察出该矩阵通过旋转n圈填满整个二维矩阵。

所以我们想要填满一个num*num的二维矩阵,需要计算出旋转多少圈,然后推算出每一圈上二维数组的索引规律与元素值变化规律。代码如下: 

function snakeMatrix(num) {var row = num,col = row;var q = Math.ceil(num / 2);    // 旋转几圈// 创建存放的数组var result = new Array(row);for(var i=0;i<row;i++){result[i] = new Array(col);}var n = 0;  // 第n+1圈var begin = 1;  // 每一圈起始值// 第n+1圈top,right,bottom,left值// 难点在于找到每一边上二维数组的索引变化规律// top的索引值  result[n][n+i]// bottom索引值    result[row-1-n][col-1-n-i]// right、left类似// right索引  result[n+i][col-1-n]// left索引   result[row-1-n-i][n]while(n <= q){var top = col - 2 * n; for (var i = 0; i < top; i++) {result[n][i+n] = begin + i;}var right = row - 2 * n;for (var i = 0; i < right; i++) {result[i+n][col-n-1] = begin + top + i -1;}var bottom = col - 2 * n;for (var i = 0; i < bottom; i++) {result[row-n-1][col-n-i-1] = begin + top + right + i - 2;}var left = row - 2 * n - 1;for (var i = 0; i < left; i++) {result[row-i-n-1][n] = begin + top + right + bottom + i - 3;}begin += top + right + bottom + left - 3;n++;}return result;
}
console.log(snakeMatrix(5));
// [ [ 1,  2,  3,  4,  5 ],
//   [ 16, 17, 18, 19, 6 ],
//   [ 15, 24, 25, 20, 7 ],
//   [ 14, 23, 22, 21, 8 ],
//   [ 13, 12, 11, 10, 9 ] ]

蛇形矩阵变形

输入:[ [1, 2, 3, 4, 5],

            [6, 7, 8, 9, 10],

            [11,12,13,14,15],

            [16,17,18,19,20],

            [21,22,23,24,25] ]

输出:[ [1,  2,  3,  4,  5],
                        [10,15,19,25,24],
                        [23,22,21,16,11],
                        [6,  7,  8,  9,  14],
                        [19,18,17,12,13]]

function printMatrix(matrix)
{var row = matrix.length;var col = matrix[0].length;var q = Math.ceil(row / 2);var left = 0;var top = 0;var right = col - 1;var bottom = row - 1;var result = [];while(top <= bottom && left <= right){// topfor(var i=left;i<=right;i++){result.push(matrix[top][i]);}// rightfor(var i=top+1;i<=bottom;i++){result.push(matrix[i][right]);}// bottomif(top != bottom){for(var i=right-1;i>=left;i--){result.push(matrix[bottom][i]);}}// leftif(left != right){for(var i=bottom-1;i>top;i--){result.push(matrix[i][left]);}}top++;right--;bottom--;left++;}return result;
}
var arr2 = [[1,2,3,4,5],[6,7,8,9,10],[11,12,13,14,15],[16,17,18,19,20],[21,22,23,24,25]];
console.log(printMatrix(arr2)); // [1,2,3,4,5,10,15,19,25,24,23,22,21,16,11,6,7,8,9,14,19,18,17,12,13]

 

这篇关于利用JavaScript实现蛇形矩阵的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1041183

相关文章

Spring Boot 实现 IP 限流的原理、实践与利弊解析

《SpringBoot实现IP限流的原理、实践与利弊解析》在SpringBoot中实现IP限流是一种简单而有效的方式来保障系统的稳定性和可用性,本文给大家介绍SpringBoot实现IP限... 目录一、引言二、IP 限流原理2.1 令牌桶算法2.2 漏桶算法三、使用场景3.1 防止恶意攻击3.2 控制资源

Mac系统下卸载JAVA和JDK的步骤

《Mac系统下卸载JAVA和JDK的步骤》JDK是Java语言的软件开发工具包,它提供了开发和运行Java应用程序所需的工具、库和资源,:本文主要介绍Mac系统下卸载JAVA和JDK的相关资料,需... 目录1. 卸载系统自带的 Java 版本检查当前 Java 版本通过命令卸载系统 Java2. 卸载自定

springboot下载接口限速功能实现

《springboot下载接口限速功能实现》通过Redis统计并发数动态调整每个用户带宽,核心逻辑为每秒读取并发送限定数据量,防止单用户占用过多资源,确保整体下载均衡且高效,本文给大家介绍spring... 目录 一、整体目标 二、涉及的主要类/方法✅ 三、核心流程图解(简化) 四、关键代码详解1️⃣ 设置

Java Spring ApplicationEvent 代码示例解析

《JavaSpringApplicationEvent代码示例解析》本文解析了Spring事件机制,涵盖核心概念(发布-订阅/观察者模式)、代码实现(事件定义、发布、监听)及高级应用(异步处理、... 目录一、Spring 事件机制核心概念1. 事件驱动架构模型2. 核心组件二、代码示例解析1. 事件定义

SpringMVC高效获取JavaBean对象指南

《SpringMVC高效获取JavaBean对象指南》SpringMVC通过数据绑定自动将请求参数映射到JavaBean,支持表单、URL及JSON数据,需用@ModelAttribute、@Requ... 目录Spring MVC 获取 JavaBean 对象指南核心机制:数据绑定实现步骤1. 定义 Ja

Nginx 配置跨域的实现及常见问题解决

《Nginx配置跨域的实现及常见问题解决》本文主要介绍了Nginx配置跨域的实现及常见问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来... 目录1. 跨域1.1 同源策略1.2 跨域资源共享(CORS)2. Nginx 配置跨域的场景2.1

Python中提取文件名扩展名的多种方法实现

《Python中提取文件名扩展名的多种方法实现》在Python编程中,经常会遇到需要从文件名中提取扩展名的场景,Python提供了多种方法来实现这一功能,不同方法适用于不同的场景和需求,包括os.pa... 目录技术背景实现步骤方法一:使用os.path.splitext方法二:使用pathlib模块方法三

javax.net.ssl.SSLHandshakeException:异常原因及解决方案

《javax.net.ssl.SSLHandshakeException:异常原因及解决方案》javax.net.ssl.SSLHandshakeException是一个SSL握手异常,通常在建立SS... 目录报错原因在程序中绕过服务器的安全验证注意点最后多说一句报错原因一般出现这种问题是因为目标服务器

CSS实现元素撑满剩余空间的五种方法

《CSS实现元素撑满剩余空间的五种方法》在日常开发中,我们经常需要让某个元素占据容器的剩余空间,本文将介绍5种不同的方法来实现这个需求,并分析各种方法的优缺点,感兴趣的朋友一起看看吧... css实现元素撑满剩余空间的5种方法 在日常开发中,我们经常需要让某个元素占据容器的剩余空间。这是一个常见的布局需求

HTML5 getUserMedia API网页录音实现指南示例小结

《HTML5getUserMediaAPI网页录音实现指南示例小结》本教程将指导你如何利用这一API,结合WebAudioAPI,实现网页录音功能,从获取音频流到处理和保存录音,整个过程将逐步... 目录1. html5 getUserMedia API简介1.1 API概念与历史1.2 功能与优势1.3