js 技巧

1.es6去重

const array = [1, 1, 2, 3, 5, 5, 1]
const uniqueArray = [...new Set(array)];
console.log(uniqueArray); // [1, 2, 3, 5]

此技巧适用于包含基本类型的数组:undefined,null,boolean,string和number。 (如果你有一个包含对象,函数或其他数组的数组,你需要一个不同的方法!)
快速浮点数转整数
2.如果希望将浮点数转换为整数,可以使用Math.floor()、Math.ceil()或Math.round()。但是还有一种更快的方法可以使用|(位或运算符)将浮点数截断为整数

console.log(23.9 | 0);  // 23
console.log(-23.9 | 0); // -23

3.删除最后一个数字
按位或运算符还可以用于从整数的末尾删除任意数量的数字。这意味着我们不需要使用这样的代码来在类型之间进行转换。

console.log(1553 / 10   | 0)  // 155
console.log(1553 / 100  | 0)  // 15
console.log(1553 / 1000 | 0)  // 1

4.向下取整最快方式
向下取整有很多方法, Math.floor, parseInt都可以, 不过两个非(~)运算符来取整是最方便的, 而且逻辑运算很快。还可以用~~再加1来向上取整。

console.log(~~3.14) 	// 3
console.log(~~-3.14) 	// -3
console.log(~~Math.E)	// 2

5.获取指定范围内均匀分布的随机数

let x = Math.random() * (max - min) + min;

6.最快生成[1,2,3, … ,n] 的列表

var arr = Array(10).fill(true).map((x, i) => i + 1);
console.log(arr); 	// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

7.打乱列表
利用sort方法快速排序的时候引入一个随机量

const arr = [5, 458 , 120 , -215 , 228 , 400 , 122205, -85411];
const newArr = arr.sort(() => Math.random() - 0.5);
console.log(arr); 	// [458, 5, -215, 120, 400, 228, -85411, 122205]

8.清空数组

var array = [1,2,3,4,5];

//清空函数方法1
function clearArray1(array){
    array = [];
    return array;
}

//清空函数方法2
function clearArray2(array){
    array = [];
}

array = clearArray1(array);//array为[]
clearArray2(array);//array仍为[1,2,3,4,5]

上述示例定义了两种清空数组的方法,他们都采用给数组赋上[]的方式,clearArray1成功清空数组,而clearArray2却不行。
为了避免上述方法的种种弊端,可以使用以下方式来清空数组:

array.splice(0,array.length);

9.JQuery与JS DOM
JQuery对象与JS DOM对象相互转化

//现有一个JQuery对象:
$("#id");
//转化成DOM对象
$("#id")[0]

PS:$(“xxx”)返回结果一定是一个数组,即使是根据ID来取。
DOM对象——>JQuery对象

//现有一个DOM对象:
var dom = document.getElementById("id");
//转化成JQuery对象
$(dom)

10.判断数组中是否存在某对象

  • JS原生indexOf
var array = [obj1, obj2];
array.indexOf(obj1);//若存在返回下标,不存在返回-1
  • JQuery inArray
$.inArray(value, array)//若存在返回下标,不存在返回-1
  • 自己写一个
    if (!Array.indexOf) {
    Array.prototype.indexOf = function (obj) {
    for (var i = 0; i < this.length; i++) {
    if (this[i] == obj) {
    return i;
    }
    }
    return -1;
    }
    }
    11.初始化二维数组
    二维数组本质上是一个元素为一维数组的一维数组,因此你首先需要初始化一个一维数组:
var array = [];

再给这一维数组添加一维数组作为元素:

for(var i=0; i<10; i++){
    array.push([]);
}

12.JS除法会有小数部分
JS除法和Java不同,两个整数相除会有小数部分,如果只需整数,则需调用相关函数取整。

//向下取整
parseInt(5/2)
Math.floor(5/2)

//向上取整,有小数就整数部分加1
Math.ceil(5/2)

//四舍五入.
Math.round(5/2)```
13.**数组过滤 .filter 过滤数组中 false,null,0"",undefined,NaN**

```c
var cc = [false,null,0,"",undefined,NaN,22,3,4,5]
cc.filter(Boolean)
//console.log([22, 3, 4, 5])
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值