js实用算法

判断文本是否为回文

定义:如果将一个文本翻转过来,能和原文本完全相等,那么就可以称之为“回文”。

方法一(字符串、数组内置方法)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/*
* 判断文字是否为回文
* @param {string|number} val 需要判断的文字
* @return {boolean} bool 是否为回文
*/
function isPalindrome1(val){
// 允许输入字符串和数字和布尔值
if (typeof val !== 'string') val = val.toString();
let newVal = val.split('').reverse().join('');
return val === newVal;
}
isPalindrome1(121) // true
isPalindrome1('yuzuy') // true

// PS:方法简单,但效率不高,会产生一个新的变量

方法二(循环)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/*
* 判断文字是否为回文
* @param {string|number} val 需要判断的文字
* @return {boolean} bool 是否为回文
*/
function isPalindrome2(val){
val = val + ''; // 非字符串转化为字符串
// 这里为什么 i <= j 呢?如果中间只有一个字符,是不需要比较的,它肯定等于它本身!!!
for(let i = 0, j = val.length - 1; i < j; i++, j--){
if(val.charAt(i) !== val.charAt(j)){
return false;
}
}
return true;
}
isPalindrome2(121) // true
isPalindrome2('yuzuy') // true

PS:网上还有其他解法,大多为以上两种的变形。

反转字符串

方法一(字符串、数组内置方法))

借用反转字符串的方法

1
2
3
4
5
6
7
8
9
10
/*
* 反转字符串
* @param {string} val 需要反转的字符串
* @return {string} str 反转后的字符串
*/
function reverseVal1(val){
if (typeof val !== 'string') return;
return val.split('').reverse().join('');
}

方法二(循环)

循环系列

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
26
27
28
29
30
31
32
33
34
35
/*
* 反转字符串
* @param {string} val 需要反转的字符串
* @return {string} str 反转后的字符串
*/
function reverseVal2(val){
if (typeof val !== 'string') return;
let str = '',
i = 0,
len = val.length;
while(i < len){
str += val.charAt(len - 1 - i);
i++;
}
return str;
}
/*
* 反转字符串
* @param {string} val 需要反转的字符串
* @return {string} str 反转后的字符串
*/
function reverseVal3(val){
if (typeof val !== 'string') return;
let str = '',
len = val.length;
for(let i = len - 1; i >= 0; i--){
str += val.charAt(i)
}
return str;
}

测试:reverseVal(‘abc’) // ‘cba’

阶乘

方法一(递归)

1
2
3
4
5
6
7
8
9
10
11
12
/*
* 阶乘
* @param {number} n 需要求的阶乘
* @return {number} 阶乘值
*/
function factorialize1(n){
if(typeof n !== 'number') throw new Error('参数必须为整整')
if(n === 1) return 1;
// 建议不要使用 arguments.callee,目前已经废弃了。
return n * factorialize1(n - 1);
}

PS:上面代码是一个阶乘函数,计算n的阶乘,最多需要保存n个调用记录,复杂度 O(n) 。
递归非常耗费内存,因为需要同时保存成千上百个调用帧,很容易发生“栈溢出”错误(stack overflow)。

方法二(ES6尾调用优化)

(递归优化版)

1
2
3
4
5
6
7
8
9
10
11
12
/*
* 阶乘
* @param {number} n 需要求的阶乘
* @return {number} 阶乘值
*/
function factorialize2(n, total = 1){
if(typeof n !== 'number' || typeof total !== 'number') throw new Error('参数必须为整整')
if(n === 1) return total;
return factorialize2(n - 1, n * total)
// f(3) => f(2, 3 * 2) => f(1, 6) => 6
}

PS:ES6尾调用优化但对于尾递归来说,由于只存在一个调用帧,所以永远不会发生“栈溢出”错误。
尾调用(Tail Call)是函数式编程的一个重要概念,本身非常简单,一句话就能说清楚,就是指某个函数的最后一步是调用另一个函数。

方法三(循环)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/*
* 阶乘
* @param {number} n 需要求的阶乘
* @return {number} 阶乘值
*/
function factorialize3(n){
if(typeof n !== 'number') throw new Error('参数必须为整整')
if(n === 1) return 1;
let total = 1;
while(n>1){
total = n * total;
n--;
}
return total;
}

测试:factorialize1(3) // 6

随机生成长度为n字符串

方法一

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
/*
* 生成指定长度的随机字符串
* @param {number} n 生成字符串个数
* @return {string} str 反转后的字符串
*/
function randomString1(n){
let str = 'abcdefghijklmnopqrstuvwxyz0123456789';
let tem = '',
i = 0;
// Math.random 函数产生值的范围[0,1)
while(i<n){
tem += str.charAt(Math.floor(Math.random() * str.length))
i++;
}
return tem;
}

PS:Math.round(Math.random() (str.length - 1))
Math.ceil(Math.random() 
(str.length - 1))
Math.floor(Math.random() * str.length)
这三种方式等价,都能生成[0, str.length-1]随机数

方法二(进制转化)

1
2
3
4
5
6
7
8
/*
* 生成指定长度的随机字符串
* @param {number} n 生成字符串个数
* @return {string} 反转后的字符串
*/
function randomString2(n){
return Math.random().toString(36).substr(2).slice(0, n)
}

PS:该方法原理为随机产生的数转换为指定进制字符串
toString(n),n为[2,36],n<=10时只产生0-9也就是10进制数字
该方法有个缺点,产生字符串的长度有一定的限制。

方法三(随机码点)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/*
* 生成指定长度的随机字符串
* @param {number} n 生成字符串个数
* @return {string} str 反转后的字符串
*/
function randomString3(n){
let str = '';
function randomChar(){
let l = Math.floor(Math.random() * 62);
if(l < 10) return l; // 数字部分 0-9
if(l < 36) return String.fromCharCode(l + 55); // 大写字母
return String.fromCharCode(l + 61); // 小写字母
}
while(str.length < n) str += randomChar();
return str;
}

PS:可以参考对于的ASCII码表。
测试:randomString1(3) // ‘1sd’

数组去重

方法一(ES6的Set数据结构)

1
2
3
4
5
6
7
8
/*
* 数组去重
* @param {array} ary 需要去重的数组
* @return {array} 去重后的数组
*/
function unique1(ary){
return [...new Set(ary)];
}

方法二(对象的key唯一性)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
/*
* 数组去重
* @param {array} ary 需要去重的数组
* @return {array} 去重后的数组
*/
function unique2(ary){
let obj = {},
i = 0,
len = ary.length;
while(i < len){
if(!obj[ary[i]]){
obj[ary[i]] = true; // 如果不存在
}
i++;
}
return Object.keys(obj);
}

PS:该方法存在一定问题,数组的元素全部被转化为字符串,因为ES6之前对象的key只能是字符串。
会把数字1和字符串’1’,会被视为同一个值。

方法三(临时数组判断插入)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
/*
* 数组去重
* @param {array} ary 需要去重的数组
* @return {array} 去重后的数组
*/
function unique3(ary){
let tem = [],
i = 0,
len = ary.length;
while(i < len){
// tem.indexOf() === -1 同理
!tem.includes(ary[i]) ? tem.push(ary[i]) : '';
i++;
}
return tem;
}

方法四(判断首次出现的位置)

如果当前数组的第i项在当前数组中第一次出现的位置不是i,那么表示第i项是重复的,忽略掉。否则存入结果数组。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/*
* 数组去重
* @param {array} ary 需要去重的数组
* @return {array} 去重后的数组
*/
function unique4(ary){
let tem = [ary[0]],
len = ary.length;
for(let i = 1; i < len; i++ ){
// 核心,首次的索引出现是否为当前的索引
if(ary.indexOf(ary[i]) === i) tem.push(ary[i]);
}
return tem;
}

方法五(排序后逐个比较插入)

给传入数组排序,排序后相同值相邻,然后遍历时新数组只加入不与前一值重复的值。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/*
* 数组去重
* @param {array} array 需要去重的数组
* @return {array} 去重后的数组
*/
function unique5(array){
let ary = array.slice();
ary.sort();
let tem = [ary[0]];
for(let i = 0, len = ary.length; i < len; i++){
ary[i] !== tem[tem.length - 1] ? tem.push(ary[i]) : '';
}
return tem;
}

PS:返回的数组顺序发生了改变。

方法六()

获取没有重复的最右一值放入新数组(检测到有重复值时终止当前循环同时进入顶层循环的下一轮判断)。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/*
* 数组去重
* @param {array} ary 需要去重的数组
* @return {array} 去重后的数组
*/
function unique6(ary){
let tem = [];
for(let i = 0, len = ary.length; i < len; i++){
for(let j = i + 1; j < len; j++){
if(ary[i] === ary[j]) j = ++i;
}
tem.push(ary[i])
}
return tem;
}

测试:unique1([1, 2, 3, 2]) // [1, 2, 3]

出现次数最多的字符

方法一(对象key的唯一性进行累加)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
function maxNum1(str){
if(typeof(str) !== 'string') str = str.toString();
let obj = {},
maxChar = []; // 使用数组保存出现最多次的某些字符
str.split('').forEach( (val) => {
if(!obj[val]){
let demo = obj[val] = 1;
}else{
obj[val]++;
}
})
let maxCount = Math.max.apply(null, Object.values(obj))
// forEach方法总是返回 undefined 且 没有办法中止或者跳出 forEach 循环。
Object.entries(obj).forEach( item => {
if(item[1] == maxCount){
maxChar.push(item[0])
}
})
return maxChar;
}

测试:maxNum1(‘11223333’) // ‘3’

数组扁平化

实现方法:Array.prototype.flatten(depth),参数depth表示需要扁平化的层数,返回一个新的数组。

方法一(递归遍历数组拼接)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function flatten1(ary){
let tem = [],
i = 0,
len = ary.length;
while(i < len){
if(Array.isArray(ary[i])){
// 递归进行上面步骤
// [].concat(...ary),它的参数可以为数组或值,作用为将数组或值连接成新数组。
tem = tem.concat(flatten1(ary[i]))
}else{
tem.push(ary[i]);
}
i++;
}
return tem;
}

PS:可以处理多层数组。

方法二(reduce结合concat)

1
2
3
4
5
6
7
function flatten2(ary){
return ary.reduce((pre, cur) => {
return pre.concat(Array.isArray(cur) ? flatten2(cur) : cur)
}, [])
}

PS:可以处理多层数组。

方法三(转化为字符串)

1
2
3
4
5
function flatten2(ary){
return ary.toString().split(',')
}

PS:返回的数组项将为字符串。

方法四(解构数组)

1
2
3
4
5
6
7
8
9
10
11
12
13
function flatten4(ary){
let tem = []
ary.forEach(item => {
if(Array.isArray(item)){
tem = tem.concat(...item);
}else{
tem = tem.concat(item);
}
})
return tem;
}

PS:只能处理2维数组。
测试:getMaxProfit1([1, 2, 3, [4, 5, 6]]) // [1, 2, 3, 4, 5, 6]

数组中最大差值

方法一

1
2
3
function getMaxProfit1(ary){
return Math.max.apply(null, ary) - Math.min.apply(null, ary);
}

测试:getMaxProfit1([1, 2, 3, 4]) // 3

斐波那契数列

这里我们只实现通项公式

方法一

1
2
3
4
5
6
7
function fib1(n){
if(n === 1 || n === 2){
return 1;
}
return fib1(n - 1) + fib1(n - 2);
}

PS:时间复杂度为O(2^n),空间复杂度为O(n)

方法二

1
2
3
4
5
6
7
8
9
10
11
12
13
function fib2(n){
let tem = [1, 1];
if(n === 1 || n === 2){
return 1;
}
// 数组索引从0开始,数列索引从1开始
for(let i = 2; i < n; i++){
tem[i] = tem[i-1] + tem[i-2];
}
return tem[n-1];
}

PS:时间复杂度为O(n),空间复杂度为O(n)

方法三

1
2
3
4
5
6
7
8
9
10
11
12
function fib2(n){
let prev = 1,
next = 1,
res;
for(let i = 2; i < n; i++){
res = prev + next;
prev = next;
next = res;
}
return res;
}

PS:时间复杂度为O(n),空间复杂度为O(1)
测试:fib2(3) // 2

判断是否为质数(prime number)素数

质数:只能被1和自己整除且大于1的数。
合数:数大于1且因数多余2个(大于1的数质数的补集)。

1
2
3
4
5
6
7
8
9
10
11
12
function isPrimeNumber1(n){
if(n < 2) return false;
if(n === 2) return true; // 最小的质数
for(let i = 2; i < n; i++){
if(n % i === 0){
return false;
}
}
return true;
}

测试:isPrimeNumber1(2) // true

最小公约数

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
26
27
28
function greatestCommonDivisor1(a, b){
if(a < 0 || b < 0) throw new Error('参数只能为正整数');
if(a < 2 || b < 2) return 1;
let min = a,
max = b,
arymin = [];
if(a > b) {
min = b;
max = a;
}
for(let i = 1; i <= min; i++){
if(min % i === 0){
arymin.push(i);
console.log(1)
}
}
arymin.reverse();
for(let j = 0, len = arymin.length; j < len; j++){
if(max % arymin[j] === 0){
return arymin[j];
}
}
}

测试:greatestCommonDivisor1(5, 10) // 5

金额转大写

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function money2Chinese(num) {
if(typeof num) throw new Error('参数为数字')
let strOutput = ""
let strUnit = '仟佰拾亿仟佰拾万仟佰拾元角分'
num += "00"
const intPos = num.indexOf('.')
if (intPos >= 0) {
num = num.substring(0, intPos) + num.substr(intPos + 1, 2)
}
strUnit = strUnit.substr(strUnit.length - num.length)
for (let i = 0; i < num.length; i++) {
strOutput += '零壹贰叁肆伍陆柒捌玖'.substr(num.substr(i, 1), 1) + strUnit.substr(i, 1)
}
return strOutput.replace(/零角零分$/, '整').replace(/零[仟佰拾]/g, '零').replace(/零{2,}/g, '零').replace(/零([亿|万])/g, '$1').replace(/零+元/, '元').replace(/亿零{0,3}万/, '亿').replace(/^元/, "零元");
}

测试:money2Chinese(1234) // 壹仟贰佰叁拾肆元整

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/247550.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

stylus

stylus格式 指将css中{} &#xff1b;去掉即可

随笔记录(2019.7.10)

1、ISO/OSI 网络七层参考模型 物理层 数据链路层 网络层 传输层 会话层 表示层 应用层 2、 TCP/IP 网络四层模型和五层模型 四层模型&#xff1a; 网络接口层 网络层 传输层 应用层 五层模型&#xff1a; 物理层 数据链路层 网络层 传输层 应用层 3、 协议簇 &#xff08;1&a…

转发:Ajax动态画EChart图表

本人由于项目需要&#xff0c;在状态变化的时候需要动态绘制对应数据的EChart图表&#xff0c;并且不刷新整个网页。 所以就用Ajax动态画EChart图表&#xff0c;下面是开发过程中遇到的一些坑的总结。 流程&#xff1a;页面首次加载时展示一幅原始的图形&#xff0c;若后台数据…

如果硬盘不显示可以这么处理

http://www.zhuangjiba.com/soft/9574.html转载于:https://www.cnblogs.com/braveheart007/p/11167311.html

Highcharts的饼图大小的控制

在Highcharts中&#xff0c;饼图的大小是Highcharts自动计算并进行绘制。饼图的大小受数据标签大小、数据标签到切片的距离影响。当数据标签内容较多&#xff0c;并且距离切片较远时&#xff0c;饼图就会被压缩的很小。解决这个问题&#xff0c;有以下几种方法&#xff1a;&…

转:谷歌离线地图基础

一.需要文件 gapi3文件夹&#xff1a;存放接口等tilemap文件夹&#xff1a;存放图片gapi.js文件maptool.js文件 二.html配置 <script type"text/javascript" src"gapi.js"></script> <script type"text/javascript" src"map…

HTTP Header 详解

搜集资料 HTTP&#xff08;HyperTextTransferProtocol&#xff09;即超文本传输协议&#xff0c;目前网页传输的的通用协议。HTTP协议采用了请求/响应模型&#xff0c;浏览器或其他客户端发出请求&#xff0c;服务器给与响应。就整个网络资源传输而言&#xff0c;包括message-h…

Windows CE 6.0中断处理过程(转载)

这里我们主要讨论的是CE的中断建立和中断相应的大概流程以及所涉及的代码位置。这里所讲述的&#xff0c;是针对ARM平台的。在CE的中断处理里面&#xff0c;有一部分工作是CE Kernel完成的&#xff0c;有一部分工作是要由OEM完成的。 Kernel代码工作 ExVector.s&#xff1a;中断…

document.createDocumentFragment 以及创建节点速度比较

document.createDocumentFragment document.createDocumentFragment()方法创建一个新空白的DocumentFragment对象。 DocumentFragments是DOM节点。它们不是主DOM树的一部分。通常的用例是创建文档片段&#xff0c;将元素附加到文档片段&#xff0c;然后将文档片段附加到DOM树。…

Javascript重温OOP之原型与原型链

prototype原型对象 每个函数都有一个默认的prototype属性&#xff0c;其实际上还是一个对象&#xff0c;如果被用在继承中&#xff0c;姑且叫做原型对象。 在构造函数中的prototype中定义的属性和方法&#xff0c;会被创建的对象所继承下来。举个栗子&#xff1a; function F()…

webpack超详细配置

在这里就不详细介绍webpack来源以及作用了, 本篇博文面向新手主要说明如何配置webpack, 以及webpack的使用方法, 直到创建出一个合理的属于自己webpack项目; 流程 webpack安装 Step 1: 首先安装Node.js, 可以去Node.js官网下载.Step2: 在Git或者cmd中输入下面这段代码, 通过全局…

小白十分钟-推荐导航栏

大腿绕道&#xff0c;给小白学习用&#xff0c;上代码 <div class"list"><div class"infor"><ul class"left"><li><a href"">限时特价</a></li><li><a href"">热门推…

Underscore.js常用方法介绍

Underscore.js是一个很精干的库&#xff0c;压缩后只有4KB。它提供了几十种函数式编程的方法&#xff0c;弥补了标准库的不足&#xff0c;大大方便了JavaScript的编程。MVC框架Backbone.js就将这个库作为自己的工具库。除了可以在浏览器环境使用&#xff0c;Underscore.js还可以…

掌握ES6/ES2015核心内容

ECMAScript 6&#xff08;以下简称ES6&#xff09;是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的&#xff0c;所以又称ECMAScript 2015。 也就是说&#xff0c;ES6就是ES2015。 虽然目前并不是所有浏览器都能兼容ES6全部特性&#xff0c;但越来越多的程序员…

express-generator——Express应用生成器贼快!

通过应用生成器工具 express 可以快速创建一个应用的骨架。 通过如下命令安装&#xff1a; $ npm install express-generator -g-h 选项可以列出所有可用的命令行选项&#xff1a; $ express -hUsage: express [options] [dir]Options:-h, --help output usage inform…

转:canvas--放大镜效果

<!DOCTYPE html><html><head><meta charset"UTF-8"><title>鼠标事件</title></head><body><canvas id"canvas"></canvas><canvas id"offCanvas" style" display: none;&qu…

MON

早上5点,咪咪牛就醒了,开始跳到我边上,用白毛毛把我弄醒,在我身上走来走去,把她按住抚摸也不能让她停止.....只能拎起来扔到边上了 ;)看起来还的确是很调皮的猫咪呢昨天晚上就开始不太怕我了,走到我的椅子边上喵喵叫,直到把她放在身上,才慢慢睡觉,满可爱的早上出门叫车,一车正停…

CSS做个Switch开关

Switch开关&#xff1a;根据需求可知&#xff0c;Switch开关只有两种选择&#xff0c;true或false。所以我们想到HTML的checkbox控件&#xff0c;用它来做。  <input id"switch" type"checkbox" class"switch" />但是在浏览器中&#xf…

vue小记录1

1.入口index.html文件 做reset.css初始化&#xff0c;视口viewport设置 2.规范化eslint配置&#xff08;常用&#xff09; &#xff08;1&#xff09;rules -->"semi"分号 "semi":[error,alway], &#xff08;2&#xff09;indent 空格 "inde…

解决虚拟机能ping通宿主机,而宿主机不能ping通虚拟机

解决虚拟机能ping通宿主机&#xff0c;而宿主机不能ping通虚拟机 首先&#xff0c;查看宿主机的网卡状态 如果没有&#xff0c;打开虚拟机&#xff0c;选择编辑 打开虚拟网络编辑器&#xff0c;并选择更改设置 勾选将设备适配器连接此网络 完成&#xff0c;这样宿主机便可以pin…