js-一些花里胡哨的js操做

一直没勇气文章输出，实在是由于我菜的抠脚，怕本身写很差(不用怕，确定写很差，厉害的人都是打磨出来的)，多写，也能对知识理解的更加透彻，从而认识到本身的不足。

我不知道为啥，有丢丢的紧张，总结了一些可能用到的js操做，下面请你们阅读我有屎以来的第一篇文章，有不对的地方欢迎你们及时指正和批评，略~

1. 使用^来检查数字是否不相等

let value = 2008;
// 平时的写法
if (value !== 2020) console.log('值不存在')
// 更高级的操做
if (value ^ 2020) console.log('值不存在')
复制代码

2. 使用split(0)来分割字符串能够节省2字节

let str1 = "掘金,真,棒".split(",");
let str2 = "我0爱0掘金".split(0);
console.log("str:", str1, str2); // str: ["掘金", "真", "棒"] ["我", "爱", "掘金"]
复制代码

3. 一些能够替代 undefined 的操做

let un1 = ""._;
let un2 = (1)._;
let un3 = (0)[0];
let un4 = void 0; // void 0 会比写 undefined 要快一些
console.log("咱们都是undefined:", un1, un2, un3, un4);
// 咱们都是undefined: undefined undefined undefined undefined
复制代码

4. slice 快速截取数组

let arr = [1, 2, 3, 4, 5];
const newArr1 = arr.splice(0,2);
// slice() 比 splice() 运行速度更快， 而且能够接受负整数，从末尾开始截取
const newArr2 = arr.slice(0, 2);
console.log(newArr1,newArr2); // [1, 2] [1, 2]
复制代码

5. 短路求值 || &&

// 使用 || 提供默认值
let value = 10;
// if (this.value === 1) {
// return this.value;
// } else {
// return '没有value为1的值';
// }
return (this.value || '没有value为1的值');

// 用||判断减小代码量
let options: {isRoot: boolean} = {};
const isExist = !!options;
if (!options || options.isRoot) { }

// 使用 && 进行判断
let obj = {
    get() { }
}
obj && obj.get();
复制代码

6. 使用 toString(16) 取随机字符串

let code = Math.random().toString(16).substring(2, 8);
// 看我像不像验证码
复制代码

7. for循环的简写

let arr = [1, 2, 3, 4, 5];
for (let i = 0; i < arr.length; i++) {
   console.log("before, arr:", i);
}

for (let i = arr.length; i--;) {
   console.log("after, arr:", i);
   // 注意 i-- 后面的分号别漏了
   // 结果是倒序的
}
复制代码

8. 给多个变量赋值

let [a, b, c] = [2, 10, 6];
复制代码

9. 对象属性赋值

let firstText = "掘金";
let lastText = "社区";
// let obj = { firstText: firstText, lastText: lastText };
let newObj = { firstText, lastText };
// 当变量名和对象的属性名相同时，js会自动将键做为变量的名，将值做为变量的值
复制代码

10. 字符串转成数字

let number = +'42.6'; // 42.6
复制代码

结语

结语怎么写啊，我好像一个憨憨，我之后会多写写，但愿你们别喷的太厉害，怕打压个人积极性哈哈哈哈哈哈哈哈哈