请选择 进入手机版 | 继续访问电脑版
创作

实用的JS技巧(二)

JavaScript  / 倒序浏览   © 著作权归作者本人所有

#楼主# 2020-6-18

跳转到指定楼层
(一)使用 length 调整数组大小
  • 可以调整大小或清空数组
  1. let array = [11, 12, 13, 14, 15];
  2. console.log(array.length);  // 5
  3. array.length = 3;
  4. console.log(array.length);  // 3
  5. console.log(array);  // [11,12,13]
  6. array.length = 0;
  7. console.log(array.length); // 0
  8. console.log(array);  // []
复制代码


(二)使用数组解构来交换值


  • 解构赋值语法是一种 JavaScript 表达式,可以将数组中的值或对象中的属性解包为不同的变量
  1. let a = 1, b = 2
  2. [a, b] = [b, a]
  3. console.log(a) // -> 2
  4. console.log(b) // -> 1
复制代码


(三)随机排列数组中的元素


  1. let list = [1, 2, 3, 4, 5, 6, 7, 8, 9];
  2. console.log(list.sort(function() {
  3.     return Math.random() - 0.5
  4. }));
  5. // [4, 8, 2, 9, 1, 3, 6, 5, 7]
复制代码


(四)属性名称可以是动态的
  • 可以在声明对象之前分配一个动态属性
  1. const dynamic = 'color';
  2. let item = {
  3.     brand: 'Ford',
  4.     [dynamic]: 'Blue'
  5. }
  6. console.log(item);
  7. // { brand: "Ford", color: "Blue" }
复制代码



(五)过滤唯一值
  • 对于所有 ES6 爱好者而言,我们可以使用带有 Spread 运算符的 Set 对象来创建一个仅包含唯一值的新数组
  1. const my_array = [1, 2, 2, 3, 3, 4, 5, 5]
  2. const unique_array = [...new Set(my_array)];
  3. console.log(unique_array); // [1, 2, 3, 4, 5]
复制代码
总结:

  • 履行好自己的责任比提升效率要重要的多。
  • 你的网站需要兼容所有浏览器。
  • 你可以使用 Endtest或其他类似工具来确保兼容性。


转播转播 分享分享 分享淘帖 反对反对
回复

使用道具

成为第一个回答人

B Color Link Quote Code Smilies
站点地图|手机版|WEB明教光明顶 |湘ICP备19021820号-1
Powered by WEB明教  © 2017-2020 Starsoft.
返回顶部