JavaScript|JavaScript 突破想象力的操作
【JavaScript|JavaScript 突破想象力的操作】技术无极限,唯一的限制是你的想象力!
在JavaScript世界中,有些操作会让你无法理解,但是却无比优雅。
5种方式实现值交换
//传统,但需要借助临时变量
var temp = a;
a = b;
b = temp;
//需要两个整数
a ^= b;
b ^= a;
a ^= b;
//借助数组
b = [a, a = b][0];
//ES6,解构赋值
[a, b] = [b, a];
//小学奥赛
a = a + b;
b = a - b;
a = a - b;
去掉小数部分
parseInt(num);
~~num;
num >> 0;
num | 0;
判断 x 是否是整数
//下面几种方式都行
function isInt(x) {
return (x ^ 0) === x;
}
// return Math.round(x) === x;
// return (typeof x === 'number') && (x % 1 === 0);
// ES6 -> Number.isInteger();
递归求阶乘
function factorial(n) {
return (n > 1) ? n * f(n - 1) : n;
}
判断符号是否相同
function sameSign(a, b) {
return (a ^ b) >= 0;
}
克隆数组
arr.slice(0);
数组去重
// ES6
Array.from(new Set(arr));
// ES5
arr.filter(function(ele, index, array){
return index===array.indexOf(ele);
})
数组最大值
function maxArr(arr) {
return Math.max.apply(null, arr);
}
数组最小值
function minArr(arr) {
return Math.min.apply(null, arr);
}
随机获取数组的一个成员
function randomOne(arr) {
return arr[Math.floor(Math.random() * arr.length)];
}
产生随机颜色
function getRandomColor() {
return `#${Math.random().toString(16).substr(2, 6)}`;
}
随机生成指定长度的字符串
function randomStr(n) {
let standard = 'abcdefghijklmnopqrstuvwxyz9876543210';
let len = standard.length;
let result = '';
for (let i = 0;
i < n;
i++) {
result += standard.charAt(Math.floor(Math.random() * len));
}
return result;
}
深拷贝
JSON.parse(JSON.stringify(obj));
打印出来看看
console.log(([][[]] + [])[+!![]] + ([] + {})[!+[] + !![]]);
console.log((!(~+[]) + {})[--[~+''][+[]] * [~+[]] + ~~!+[]] + ({} + [])[[~!+[]] * ~+[]]);
美化console
console.info("%c哈哈", "color: #3190e8;
font-size: 30px;
font-family: sans-serif");
推荐阅读
- 汇讲-勇于突破
- 事件代理
- 数组常用方法一
- 不要靠想象力做事
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- 《自我发展心理学》笔记
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- JavaScript|JavaScript之DOM增删改查(重点)