ES6的小总结
时间:2022-06-19
本文章向大家介绍ES6的小总结,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
es6是新一代的JavaScript 的标准,尤其你要学习React,那就必须要学es6啊,因为不然,你压根就是蒙的,我后续也会更新react 的博客,es6的几个常用的更新一下 **ForEach **
var conlors = ["red", "123", "789"]
conlors.forEach(function (r) {
console.log(r);
})
// foreach 循环 循环之后是字符串
map
就以上面的那个 “ conlors ” 为例子,其实和foreach 的用法一样,一个循环出来是字符串一个是数组而已
var conlor = conlors.map(function (r) {
return r;
})
// map 循环遍历 循环之后是数组遍历
Filter
假定有一个数组对象A,获取数组中指定对象放在B数组中
var abc = [
{ name: 'banana', type: 'fruit' },
{ name: 'apple', type: 'fruit' },
{ name: 'water', type: 'liquid' },
{ name: 'dog', type: 'animal' },
]
var cba = abc.filter(function (r) {
return r.type==="fruit"
})
console.log(cba)
// 过滤器多个判读可以直接在return 后面判断 ,比如 return r.type==="fruit" && r.name=="banana"
Find
假定有一个对象数组A,根据指定对象的条件找到数组中符合条件的对象
var post = [
{ id: '1', title: 'vue'},
{ id: '2', title: 'react' },
{ id: '3', title: 'angular' }
]
var commit={id:'1',title:"666"}
function stite(ps,com){
return ps.find(function(post){
return post.id===com.id
})
}
console.log(stite(post,commit))
// find 也是和filter 的用法差不多,也是过滤筛选,只不过find 过滤出来的是对象,filter 是数组,这个针对查找只有唯一的数组,特别有效
every 一假即假 Some 一真即真
var gets = [
{ id: '1', title: 'vue'},
{ id: '2', title: 'react' },
{ id: '3', title: 'angular' }
]
var everya=gets.every(function(r){
return r.id>4
//返回是false
})
var some=gets.some(function(r){
return r.id>2
//返回是true
})
reduce
计算数组总和,有些时候还可以代替map,set
var nums=[10,11,12]
var bul=nums.reduce(function(num2,nim){
return num2+nim
})
console.log(bul)
// reduce() 方法接受四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce() 的数组。
后续持续更新…
- Linux下ls命令显示符号链接权限为777的探索
- Django form表单
- Django ORM那些相关操作
- 使用mitmproxy嗅探双向认证ssl链接——嗅探AWS IoT SDK的mqtts
- Django中ORM介绍和字段及其参数
- 几个实现分页的方法
- 如何识别IDA反汇编中动态链接库中的函数
- Kali Linux安装TL-WN821N USB无线网卡驱动(make失败)
- Cookie、Session登陆验证相关介绍和用法
- 题型分析
- .NET CORE 框架ABP的代码生成器(ABP Code Power Tools )使用说明文档
- Lua编写wireshark插件初探——解析Websocket上的MQTT协议
- 在Ubuntu 16.04环境下安装Docker-CE(附视频教程)
- 修改HTML5 input placeholder 颜色及修改失效的解决办法
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Python|让代码替你“说话”
- Markdown笔记Ⅰ
- 再见,AOP,怀恋和你在一起的日子!
- Markdown笔记Ⅱ
- 使用 Ink!开发 Substrate ERC20 智能合约
- Python|Numpy的常用操作
- 提速72倍,在Python里面调用Golang函数
- JUC学习之基础
- 【DB笔试面试841】在Oracle中,如何跟踪tnsping过程?
- 系统设计:如何让系统高可用?
- 什么是事务隔离
- Python|Pandas的常用操作
- C++设计模式笔记(01)-设计模式的介绍
- 【DB笔试面试842】在Oracle中,如何启动Oracle数据库的监听日志?
- 【揭秘】C语言类型转换时发生了什么?