JavaScript代码/ES6语法笔记一
1. new Set()/去重一个数组
- let arr = [1, 2, 2, 3, 3];
- let set = new Set(arr);
- let newArr = Array.from(set); // Array.from方法可以将 Set 结构转为数组。
- console.log(newArr); // [1, 2, 3]
2. Object.assign()/对象的合并拷贝
- let obj0 = { name: 'LiuD' };
- let obj1 = { age: 11 };
- let obj2 = { sex: 0 };
- let obj3 = Object.assign({}, obj0, obj1, obj2);
- console.log(obj3); // {name: "LiuD", age: 11, sex: 0}
3. map()/遍历数组,对数组的每一项进行操作并生成一个新的数组
- let arr = [1, 2, 3, 4, 5];
- let newArr = arr.map((e, i) => e * 2); // 给数组每一项乘以10
- console.log(newArr); // [2, 4, 6, 8, 10]
4. filter()/过滤数组,在每一项元素后面触发一个回调函数,通过判断,保留或移除当前项,返回一个新的数组
- let arr = [1, 2, 3, 4, 5];
- let newArr = arr.filter((e, i) => e % 2 === 0); // 取模,过滤余数不为0的数
- console.log(newArr); // [2,4]
5. some()/遍历数组,在每一项元素后面触发一个回调函数,只要一个满足条件就返回true,否则返回false,类似于 || 比较
- let arr = [{ result: true }, { result: false }];
- let newArr = arr.some((e, i) => e.result); // 只要一个为true,即为true
- console.log(newArr); // true
6.every()/遍历数组,在每一项元素后面触发一个回调函数,只要一个不满足条件就返回false,否则返回true,类似于 && 比较
- let arr = [{ result: true }, { result: false }];
- let newArr = arr.every((e, i) => e.result); // 只要一个为false,即为false
- console.log(newArr); // false
7. ~~运算符/~符号用在JavaScript中有按位取反的作用,~~即是取反两次,而位运算的操作值要求是整数,其结果也是整数,所以经过位运算的都会自动变成整数,可以巧妙的去掉小数部分,类似于parseInt
- let a = 1.23;
- let b = -1.23;
- console.log(~~a); //
- console.log(~~b); // -1
8. ||运算符/使用 || 运算符给变量设置默认值
- const port = process.env.PORT || 3000;; // 如果process.env.PORT的值为true则取存在的值,否则为3000
9. ...(展开)运算符/用于解构数组的方法,可以用于快速获取数组的参数
JavaScript代码/ES6语法笔记一的更多相关文章
- JavaScript代码段整理笔记系列(二)
上篇介绍了15个常用代码段,本篇将把剩余的15个补齐,希望对大家有所帮助!!! 16.检测Shift.Alt.Ctrl键: event.shiftKey; //检测Shift event.altKey ...
- JavaScript代码段整理笔记系列(一)
30段JavaScript代码——上篇 1.如何区分IE及非IE浏览器: if(!+[1,]){ //IE 11 不支持 alert("这是 IE 浏览器"): }else{ al ...
- ES6 语法笔记
//如果使用let,声明的变量仅在块级作用域内有效 { var a = 1; let b = 2; } console.log(a); // 1 console.log(b); // Uncaught ...
- ES6语法笔记
迭代器 // log let arr = ['一', '二', '三'] let iter = arr[Symbol.iterator]() console.log(iter.next()) cons ...
- js 的eval()方法 计算某个字符串,并执行其中的的 JavaScript 代码;
定义和用法 eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码. 语法 eval(string) 参数 描述 string 必需.要计算的字符串,其中含有要计算的 Java ...
- 把JavaScript代码改成ES6语法不完全指南
目录 * 核心例子 * 修改成静态变量(const)或块级变量(let) * 开始修改 * 疑问解释(重复定义会发生什么) * 疑问解释(let的块级作用域是怎样的) * 疑问解释(const定义的变 ...
- Webpack4 学习笔记三 ES6+语法降级为ES5
前言 此内容是个人学习笔记,以便日后翻阅.非教程,如有错误还请指出 Webpack 将es6.es7语法降级为es5 需要通过 babel JavaScript编译器. 安装: npm i babel ...
- es6语法重构react代码
1.使用React.Component创建组件,需要通过在constructor中调用super()将props传递给React.Component.另外react 0.13之后props必须是不可变 ...
- <深入理解JavaScript>学习笔记(1)_编写高质量JavaScript代码的基本要点
注:本文是拜读了 深入理解JavaScript 之后深有感悟,故做次笔记方便之后查看. JQuery是一个很强大的JavaScript 类库,在我刚刚接触JavaScript的就开始用了. JQuer ...
随机推荐
- Ansible--04 ansible 流程控制
ansible 流程控制 playbook 条件语句 不管是 shell 还是各大编程预言中,流程控制,条件判断都是必不可少的,在我们使用 Ansible的过程中,条件判断的使用频率都非常高. 例如: ...
- TextView点击后背景颜色、文字颜色改变(转)
转自:http://blog.csdn.net/u013278940/article/details/51152655 TextView本没有点击效果,故为实现点击后文字颜色改变和背景改变,需要写se ...
- function的各做写法
function(){}()让变量快速初始化结果 var timestamp = function(){ var timestamp = Date.parse(new Date()); return ...
- iOS项目开发中的知识点与问题收集整理②
1.点击UIButton 无法产生触摸事件 如果在UIImageView中添加了一个按钮,你会发现在默认情况下这个按钮是无法被点击的,需要设置UIImageView的userInteractio ...
- Eur yml
server: port: 6001 # 服务端口 eureka: instance: hostname: localhost # eureka服务端的实例名称 client: registerWit ...
- 大碗宽面Beta迭代阶段博客目录
大碗宽面Beta迭代阶段博客目录 Githhub:https://github.com/rz-2000/Course-Evaluation 一.Scrum Meeting 1. [第十周会议记录]ht ...
- centos系统下安装MySQL5.7.18
1.首先安装依赖包 yum install -y gcc gcc-c++ ncurses-devel perl openssl-devel 最最重要的是,不要忘了安装openssl-devel 2.安 ...
- delphi 以系统权限运行程序的代码
program sysrun; uses Windows, SysUtils, tlhelp32, AccCtrl, AclAPI; function findprocess(TheProcName: ...
- JdbcTemplate 的oracle分页
@Autowired private JdbcTemplate jd; int ps1=Integer.valueOf(pageSize); int cp1=Integer.valueOf(currP ...
- mybatis的sqlprovider用法扩展自定义sql
SqlProvider使用 public class MemberRewardSqlProvider { private static final Logger log = LoggerFactory ...