【资源帖】JavaScript 突破想象力的操作

[zptcsoft]

技术无极限，唯一的限制是你的想象力！ 在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");

[chenbo666]

脑洞大开