ES6
ChauncyWu
爱IT,爱这里
展开
-
JS深层取值的方法
前端取后端数据的时候, 经常会遇到一些比较深层的结构。比如```const address = { province: { name: '江苏省', city: { name: '扬州市' district: { name: '邗江区' } } }}```这时...原创 2020-04-25 16:13:01 · 1802 阅读 · 1 评论 -
利用Array.from()的一些数据操作方法
1. 求和sum 根据传入的参数, 将arguments类数组对象转化为真数组, 并利用reduce方法求和 function sum() { // Array.from()将arguments类数组转换为真数组 // 也可以使用Array.prototype.slice.call(arguments) , 这是ES5语法, 兼容性更好 return Array...原创 2019-09-21 11:40:00 · 374 阅读 · 0 评论 -
整理一些在项目中用到的js知识
一、 JS知识点:1. .includes();//判断是否包含啥啥啥,返回布尔 startsWith(); endsWith()///判断是否以啥啥啥开头或结尾的,返回布尔2. Math.max(...[14, 3, 26]); //26, ...用法 或者Math.max.apply(null, arr) num | 0 , 相当于Math.floor(...原创 2018-08-16 22:38:57 · 558 阅读 · 0 评论 -
ES6中熟悉而又陌生的箭头函数 '=>'
以前略知晓箭头函数的写法,最近看了阮一峰先生的ES6入门后,又学到了很多。记录如下:箭头函数简化了函数的写法,作用类似于return 。ES6:var func = x => x;等同于ES5中:var func = function(x){ return x;}如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。var f = () => 5;// 等同原创 2017-09-06 15:26:14 · 481 阅读 · 0 评论 -
简要记录ES6中Module的语法
ES6 模块不是对象,而是通过export命令显式指定输出的代码,再通过import命令输入,如同script导入外部JS脚本。例一://xx1.jsvar name = 'wu';var age = 20;var addr = 'Suzhou';export {name,age,addr}; //输出变量//main.js//引入变量 其中把name变量名改为nimpor原创 2017-08-26 14:36:55 · 505 阅读 · 0 评论 -
记录一下ES6扩展运算符(三点运算符)...的用法
该记录源于segmentfaul网友的评论,特意感谢! ...运算符用于操作数组,有两种层面1. 第一个叫做 展开运算符(spread operator),作用是和字面意思一样,就是把东西展开。可以用在array和object上都行。比如: let a = [1,2,3];let b = [0, ...a, 4]; // [0,1,2,3,4]let obj = { a:...转载 2017-06-11 18:51:32 · 23161 阅读 · 1 评论 -
ES6:变量的解构赋值
本内容摘自阮一峰先生的《ECMAScript6入门》书中第三章 -- 变量的解构赋值。变量的解构赋值用途很多。(1)交换变量的值let x = 1;let y = 2;[x, y] = [y, x];上面代码交换变量x和y的值,这样的写法不仅简洁,而且易读,语义非常清晰。(2)从函数返回多个值函数只能返回一个值,如果要返回多个值,只能将它们放在数组或对象里返回。有转载 2017-06-06 22:35:13 · 377 阅读 · 0 评论 -
对ES6中let与const命令初步了解
最近看了阮一峰的《ECMAScript6入门》 ,对第一章做一些记录1. let命令 ES6 新增的关键字,用法就是用于声明变量,和 var 类似;区别在于声明的变量是局部的,只在 let 所在的代码块内有效。var a = [];for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i); };}原创 2017-06-06 17:39:01 · 534 阅读 · 1 评论 -
ES6中forEach方法
本文引用地址:http://www.zhangxinxu.com/wordpress/?p=3220。感谢博主。forEachforEach是Array新方法中最基本的一个,就是遍历,循环。例如下面这个例子:[1, 2 ,3, 4].forEach(alert);等同于下面这个传统的for循环:var array = [1, 2, 3, 4];for (转载 2017-06-15 21:55:56 · 3594 阅读 · 0 评论 -
整理ES6中的Set和Map方法
本文参考阮一峰先生的《ECMAScript 6 入门》一书的set和map一章。1. setES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set 本身是一个构造函数,用来生成 Set 数据结构。const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));f转载 2017-06-15 21:03:09 · 20472 阅读 · 0 评论