11. 对象属性分配
如果变量名和对象的属性名相同,那么我们可以在对象的中只写变量名,而不用同时写出属性名和属性值(变量的值)。JavaScript 会自动将属性名设置为与变量名相同,并将属性值分配为变量值。
let firstname = 'Amitav'; let lastname = 'Mishra'; // 常规写法 let obj = {firstname: firstname, lastname: lastname}; // 简写 let obj = {firstname, lastname};
12. 字符串(String)转为数字(Number)
有一些内置方法,如 parseInt
和 parseFloat
,可以将字符串转换为数字。我们也可以通过简单地在字符串值前面提供一个一元运算符 + 来实现。
// 常规写法 let total = parseInt('453'); let average = parseFloat('42.6'); // 简写 let total = +'453'; let average = +'42.6';
13. 多次重复一个字符串
要将一个字符串重复指定的次数,你可以使用 for
循环。但使用 repeat()
方法,我们可以在一行中完成。
// 常规写法 let str = ''; for(let i = 0; i < 5; i ++) { str += 'Hello '; } console.log(str); // Hello Hello Hello Hello Hello // 简写 'Hello '.repeat(5);
14. 幂的力量
我们可以使用 Math.pow()
方法来求一个数字的幂。有一个更简洁的语法,那就是双星号 (**)
。
// 常规写法 const power = Math.pow(4, 3); // 64 // 简写 const power = 4**3; // 64
15. 双NOT位运算符(~~)?
双NOT位运算符 (~~)
是 Math.floor()
方法的替代品。
// 常规写法 const floor = Math.floor(6.8); // 6 // 简写 const floor = ~~6.8; // 6
提醒: 双 NOT 位运算符方法只适用于32位整数,即(2^31) -1=2147483647。所以对于任何大于2147483647的数字,位运算符
(~~)
会给出错误的结果,所以建议在这种情况下使用Math.floor()
。
16. 找出数组中的最大最小值
我们可以使用 for
循环来遍历数组,找到最大值或最小值。也可以使用 Array.reduce()
方法来寻找数组中的最大和最小值。
但是使用展开操作符 (...)
我们可以,我们可以用一行代码就实现这个需求。
// 简写 const arr = [2, 8, 15, 4]; Math.max(...arr); // 最大值 15 Math.min(...arr); // 最小值 2
17. 关于 For 循环
要遍历一个数组,我们通常使用传统的 for
循环。我们可以利用 for...of
的方式来遍历一个数组。如果要访问数组每个值的索引,我们可以使用 for...in
循环。
let arr = [10, 20, 30, 40]; // 常规写法,for循环 for (let i = 0; i < arr.length; i++) { console.log(arr[i]); } // 简写 // for...of循环 for (const val of arr) { console.log(val); } // for...in循环 for (const index in arr) { console.log(`index: ${index} and value: ${arr[index]}`); }
我们还可以使用 for...in
循环来遍历对象的属性。
let obj = {x: 20, y: 50}; for (const key in obj) { console.log(obj[key]); }
18. 合并数组
let arr1 = [20, 30]; // 常规写法 let arr2 = arr1.concat([60, 80]); // [20, 30, 60, 80] // 简写 let arr2 = [...arr1, 60, 80]; // [20, 30, 60, 80]
19. 多层次对象的深拷贝
要对一个多层次的对象实现深拷贝,我们可以遍历其每个属性,检查当前属性是否包含一个对象。如果是,则递归调用同一个函数,并将当前属性值(即嵌套对象)作为函数的参数传递进去。
如果我们的对象不包含 函数
、undefined
、NaN
或 Date
等值,我们也可以使用 JSON.stringify()
和 JSON.parse()
来实现。
如果我们的对象是单层对象,即没有嵌套对象,那么我们也可以使用展开操作符 (...)
进行深拷贝。
let obj = {x: 20, y: {z: 30}}; // 常规写法,递归 const makeDeepClone = (obj) => { let newObject = {}; Object.keys(obj).map(key => { if(typeof obj[key] === 'object'){ newObject[key] = makeDeepClone(obj[key]); } else { newObject[key] = obj[key]; } }); return newObject; } const cloneObj = makeDeepClone(obj); // 特殊情况下(对象中属性值没有函数、undefined或NaN的情况下)的简写 const cloneObj = JSON.parse(JSON.stringify(obj)); // 单层对象(无嵌套对象)情况下的简写 let obj = {x: 20, y: 'hello'}; const cloneObj = {...obj};
20. 获取字符串中的某个字符
let str = 'jscurious.com'; // 常规写法 str.charAt(2); // c // 简写 str[2]; // c