JavaScript的6个算法实用小技巧

简介:

一、交换两个数字的值

我们交换两个数字的值想到的方法一般就是用一个新的变变量,让他把一个数存起来,然后在交换两个数字的值,看下面这种。

javascript的6个算法实用小技巧

二、数组的排序

1.数组方法中的sort排序方法。

javascript的6个算法实用小技巧

这是数组方法中的sort排序方法,如果return b - a; 就是由大到小排序,其中的原理是什么呢,其实就是冒泡排序法

2.冒泡排序法 (由小到大排列)

javascript的6个算法实用小技巧

3.选择升序法(由小到大排列)

javascript的6个算法实用小技巧

三、for in 循环 遍历json

我学习for in循环的时候是在学json的时候学到的,看下面这段代码。

1.for in循环遍历出json里面所有的属性名

javascript的6个算法实用小技巧

 2.我们打印出来的i会是json里面所有的属性名,那么他是怎么循环的呢,我当时一直不太清楚,你尝试一下下面这段代码看一下效果。

javascript的6个算法实用小技巧

我们在for in 循环的这一行给了一个分号结束语句,然后打印出来i我们会发现他是class2,现在你大概明白了吧,每一次循环这个i代表的就是json本次循环得到的属性名,他不是代表的一个数组,而是代表一个值。

3.for in 循环遍历出json里面所有的值

javascript的6个算法实用小技巧

四、for in循环遍历数组

javascript的6个算法实用小技巧

五、遍历json属性到数组

1.这个里面用到的是每一次用数组的长度来代表他的下标,然后将json里面的属性名遍历到a数组中。

javascript的6个算法实用小技巧

 2.遍历json的属性的值到数组中

javascript的6个算法实用小技巧

六、判断浏览器是不是IE678

javascript的6个算法实用小技巧

说出来你可能不信,

原理

1. 请你试一下 alert([1,2,].length)浏览器中弹窗的数字是多少

谷歌 火狐 一些的弹窗都是2,所以后面的那个逗号浏览器判断是不算的

但是在IE6 7 8 中弹窗出的数字是 3 ,

所以Number( [1,])这个东西在谷歌,火狐的眼中就是1,但是在IE678心中他就是NaN

2. 前面的 - 号 隐式转换为Number型

3 取反 判断内的值为true,所以可以在这里面判断成。


本文作者:一步一步向上爬

来源:51CTO

相关文章
|
3月前
|
存储 JavaScript 前端开发
js的一些小技巧
js的一些小技巧
|
4月前
|
JavaScript
js的slice小技巧
js的slice小技巧
22 0
|
8月前
|
设计模式 JavaScript 前端开发
JavaScript程序设计模式小技巧——策略模式,快看快用!!!(下)
JavaScript程序设计模式小技巧——策略模式,快看快用!!!(下)
|
8月前
|
JSON JavaScript 前端开发
|
10月前
|
JavaScript
js小技巧(2)
js小技巧(2)
|
10月前
|
JavaScript
js超实用的小技巧(1)
js超实用的小技巧(1)
|
JavaScript 前端开发
5 个 JavaScript 写法小技巧分享
JavaScript 易上手,但是难以全面掌握;它有许多“怪癖”,只有在长时间的使用它,才能逐渐揭开它神秘的面纱~
|
JSON 缓存 JavaScript
JS之12个小技巧
JS之12个小技巧
89 0
JS之12个小技巧
|
移动开发 JavaScript 算法
JS操作小技巧,工作简单了(二)
本文主要讲JS操作小技巧
113 0
|
JavaScript 前端开发
JS操作小技巧,工作简单了
在javaScript中,对象的属性链访问,很容易因为某一个属性不存在出现 Cannot read property 'xxx' of undefined的问题,那么Optional Chaining就添加了?.操作符,它会先判断前面的值,如果undefined或者null,就结束后面的调用,直接返回undefined;
131 0