当前位置: 首页 > news >正文

前端培训丁鹿学堂:es7,es8常用新特性总结(一)

es7到es2012常用新特性
1.数组的includes方法
includes() 方法用来判断一个数组是否包含一个指定的值,如果包含则返回 true,否则返回 false

注意点:使用 includes()查找字符串是区分大小写的

const arr = [1,2,3]
let result = arr.includes(3)
console.log(result); // true
es8常用方法
Object.values

Object.values 方法返回一个数组,成员是参数对象自身的所有可遍历属性的键值,继承的属性不在 遍历范围内。


const obj = {
    name:'zhangsan',
    age:18,
    eat:['apple']
}
let objKeys = Object.values(obj)
console.log(objKeys) // [ 'zhangsan', 18, [ 'apple' ] ]

**
Object.entries()**
Object.entries() 方法返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历属性的键值对数组。

const obj = {
    name:'zhangsan',
    age:18,
    eat:['apple']
}
let objEntries = Object.entries(obj)
console.log(objEntries) //[ [ 'name', 'zhangsan' ], [ 'age', 18 ], [ 'eat', [ 'apple' ] ] ]

**
padStart() 和padEnd()**
这两个是字符串新增的方法,参数有两个,第一个是位数,就是不到位数的话用第二个参数填充。padStart是向前填充,padEnd是向后填充
比较实用的就是格式化日期的时候,月份和天数之类的,如果是各位就在前面补0,之前都是判断是否小于10,现在直接用padStart就可以了。

const now = new Date()
const year = now.getFullYear()
const month = (now.getMonth() + 1).toString().padStart(2, '0')
const day = (now.getDate()).toString().padStart(2, '0')
console.log( `${year}-${month}-${day}` )  // 2022-09-02

相关文章:

  • redis中springboot的redisTemplate简单的增删查
  • 猿创征文|Axios的介绍与作用 - 大白话
  • 【概率论基础进阶】随机事件和概率-随机事件、事件间的关系与运算
  • Bingo学习--redis
  • Vue学习第19天——vue脚手架配置代理
  • day13学习总结
  • K8s基础知识总结及常用基本关键命令
  • 内创业革命
  • 【番外篇】如何制作慕斯蛋糕
  • ps2022 - add text
  • 刷题记录:NC208813求逆序数
  • 遗传算法GA求解连续函数问题
  • React(11)-全局共享通信Context
  • 搞脑筋的日历积木
  • Samba+ldap认证
  • 时间复杂度分析经典问题——最大子序列和
  • [微信小程序] 使用ES6特性Class后出现编译异常
  • ComponentOne 2017 V2版本正式发布
  • Docker下部署自己的LNMP工作环境
  • Js实现点击查看全文(类似今日头条、知乎日报效果)
  • mysql常用命令汇总
  • MySQL-事务管理(基础)
  • PAT A1120
  • Quartz实现数据同步 | 从0开始构建SpringCloud微服务(3)
  • springMvc学习笔记(2)
  • Webpack 4x 之路 ( 四 )
  • 对超线程几个不同角度的解释
  • 反思总结然后整装待发
  • 老板让我十分钟上手nx-admin
  • 全栈开发——Linux
  • 实战:基于Spring Boot快速开发RESTful风格API接口
  • 使用 QuickBI 搭建酷炫可视化分析
  • 完善智慧办公建设,小熊U租获京东数千万元A+轮融资 ...
  • ​LeetCode解法汇总2182. 构造限制重复的字符串
  • (+4)2.2UML建模图
  • (poj1.3.2)1791(构造法模拟)
  • (非本人原创)我们工作到底是为了什么?​——HP大中华区总裁孙振耀退休感言(r4笔记第60天)...
  • (附源码)基于SpringBoot和Vue的厨到家服务平台的设计与实现 毕业设计 063133
  • (转) 深度模型优化性能 调参
  • (转)chrome浏览器收藏夹(书签)的导出与导入
  • .NET CORE Aws S3 使用
  • .net core 源码_ASP.NET Core之Identity源码学习
  • .NET 跨平台图形库 SkiaSharp 基础应用
  • .NET成年了,然后呢?
  • .NET程序员迈向卓越的必由之路
  • .NET和.COM和.CN域名区别
  • .NET命令行(CLI)常用命令
  • @Import注解详解
  • [《百万宝贝》观后]To be or not to be?
  • [AutoSar NVM] 存储架构
  • [AX]AX2012开发新特性-禁止表或者表字段
  • [BT]小迪安全2023学习笔记(第15天:PHP开发-登录验证)
  • [BZOJ] 1001: [BeiJing2006]狼抓兔子
  • [BZOJ3223]文艺平衡树
  • [C++]二叉搜索树