1. new Set()/去重一个数组
  1. let arr = [1, 2, 2, 3, 3];
  2. let set = new Set(arr);
  3. let newArr = Array.from(set); // Array.from方法可以将 Set 结构转为数组。
  4. console.log(newArr); // [1, 2, 3]
2. Object.assign()/对象的合并拷贝
  1. let obj0 = { name: 'LiuD' };
  2. let obj1 = { age: 11 };
  3. let obj2 = { sex: 0 };
  4. let obj3 = Object.assign({}, obj0, obj1, obj2);
  5. console.log(obj3); // {name: "LiuD", age: 11, sex: 0}
3. map()/遍历数组,对数组的每一项进行操作并生成一个新的数组
  1. let arr = [1, 2, 3, 4, 5];
  2. let newArr = arr.map((e, i) => e * 2); // 给数组每一项乘以10
  3. console.log(newArr); // [2, 4, 6, 8, 10]
4. filter()/过滤数组,在每一项元素后面触发一个回调函数,通过判断,保留或移除当前项,返回一个新的数组
  1. let arr = [1, 2, 3, 4, 5];
  2. let newArr = arr.filter((e, i) => e % 2 === 0); // 取模,过滤余数不为0的数
  3. console.log(newArr); // [2,4]
5. some()/遍历数组,在每一项元素后面触发一个回调函数,只要一个满足条件就返回true,否则返回false,类似于 || 比较
  1. let arr = [{ result: true }, { result: false }];
  2. let newArr = arr.some((e, i) => e.result); // 只要一个为true,即为true
  3. console.log(newArr); // true
6.every()/遍历数组,在每一项元素后面触发一个回调函数,只要一个不满足条件就返回false,否则返回true,类似于 && 比较
  1. let arr = [{ result: true }, { result: false }];
  2. let newArr = arr.every((e, i) => e.result); // 只要一个为false,即为false
  3. console.log(newArr); // false
7. ~~运算符/~符号用在JavaScript中有按位取反的作用,~~即是取反两次,而位运算的操作值要求是整数,其结果也是整数,所以经过位运算的都会自动变成整数,可以巧妙的去掉小数部分,类似于parseInt
  1. let a = 1.23;
  2. let b = -1.23;
  3. console.log(~~a); //
  4. console.log(~~b); // -1
8. ||运算符/使用 || 运算符给变量设置默认值
  1. const port = process.env.PORT || 3000;; // 如果process.env.PORT的值为true则取存在的值,否则为3000
9. ...(展开)运算符/用于解构数组的方法,可以用于快速获取数组的参数

JavaScript代码/ES6语法笔记一的更多相关文章

  1. JavaScript代码段整理笔记系列(二)

    上篇介绍了15个常用代码段,本篇将把剩余的15个补齐,希望对大家有所帮助!!! 16.检测Shift.Alt.Ctrl键: event.shiftKey; //检测Shift event.altKey ...

  2. JavaScript代码段整理笔记系列(一)

    30段JavaScript代码——上篇 1.如何区分IE及非IE浏览器: if(!+[1,]){ //IE 11 不支持 alert("这是 IE 浏览器"): }else{ al ...

  3. ES6 语法笔记

    //如果使用let,声明的变量仅在块级作用域内有效 { var a = 1; let b = 2; } console.log(a); // 1 console.log(b); // Uncaught ...

  4. ES6语法笔记

    迭代器 // log let arr = ['一', '二', '三'] let iter = arr[Symbol.iterator]() console.log(iter.next()) cons ...

  5. js 的eval()方法 计算某个字符串,并执行其中的的 JavaScript 代码;

    定义和用法 eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码. 语法 eval(string) 参数 描述 string 必需.要计算的字符串,其中含有要计算的 Java ...

  6. 把JavaScript代码改成ES6语法不完全指南

    目录 * 核心例子 * 修改成静态变量(const)或块级变量(let) * 开始修改 * 疑问解释(重复定义会发生什么) * 疑问解释(let的块级作用域是怎样的) * 疑问解释(const定义的变 ...

  7. Webpack4 学习笔记三 ES6+语法降级为ES5

    前言 此内容是个人学习笔记,以便日后翻阅.非教程,如有错误还请指出 Webpack 将es6.es7语法降级为es5 需要通过 babel JavaScript编译器. 安装: npm i babel ...

  8. es6语法重构react代码

    1.使用React.Component创建组件,需要通过在constructor中调用super()将props传递给React.Component.另外react 0.13之后props必须是不可变 ...

  9. <深入理解JavaScript>学习笔记(1)_编写高质量JavaScript代码的基本要点

    注:本文是拜读了 深入理解JavaScript 之后深有感悟,故做次笔记方便之后查看. JQuery是一个很强大的JavaScript 类库,在我刚刚接触JavaScript的就开始用了. JQuer ...

随机推荐

  1. Ansible--04 ansible 流程控制

    ansible 流程控制 playbook 条件语句 不管是 shell 还是各大编程预言中,流程控制,条件判断都是必不可少的,在我们使用 Ansible的过程中,条件判断的使用频率都非常高. 例如: ...

  2. TextView点击后背景颜色、文字颜色改变(转)

    转自:http://blog.csdn.net/u013278940/article/details/51152655 TextView本没有点击效果,故为实现点击后文字颜色改变和背景改变,需要写se ...

  3. function的各做写法

    function(){}()让变量快速初始化结果 var timestamp = function(){ var timestamp = Date.parse(new Date()); return ...

  4. iOS项目开发中的知识点与问题收集整理②

    1.点击UIButton 无法产生触摸事件    如果在UIImageView中添加了一个按钮,你会发现在默认情况下这个按钮是无法被点击的,需要设置UIImageView的userInteractio ...

  5. Eur yml

    server: port: 6001 # 服务端口 eureka: instance: hostname: localhost # eureka服务端的实例名称 client: registerWit ...

  6. 大碗宽面Beta迭代阶段博客目录

    大碗宽面Beta迭代阶段博客目录 Githhub:https://github.com/rz-2000/Course-Evaluation 一.Scrum Meeting 1. [第十周会议记录]ht ...

  7. centos系统下安装MySQL5.7.18

    1.首先安装依赖包 yum install -y gcc gcc-c++ ncurses-devel perl openssl-devel 最最重要的是,不要忘了安装openssl-devel 2.安 ...

  8. delphi 以系统权限运行程序的代码

    program sysrun; uses Windows, SysUtils, tlhelp32, AccCtrl, AclAPI; function findprocess(TheProcName: ...

  9. JdbcTemplate 的oracle分页

    @Autowired private JdbcTemplate jd; int ps1=Integer.valueOf(pageSize); int cp1=Integer.valueOf(currP ...

  10. mybatis的sqlprovider用法扩展自定义sql

    SqlProvider使用 public class MemberRewardSqlProvider { private static final Logger log = LoggerFactory ...