ES6常用语法整理

周奂
• 阅读 1480

1.获取的json数据是这样的

data:[
  {
    'Id': '1',
    'Phone': '123456',
    'Name': '张三',
  },
  {
    'Id': '2',
    'Phone': '78945',
    'Name': '李四',
  },
  {
    'Id': '3',
    'Phone': '123789',
    'Name': '王五',
  }
]

将数组中的每个对象的Name取出来,产生一个新的数组

let results = data.map(data => n.name);//['张三','李四','王五']

判断数组中是否存在某个值

let results = data.filter(item => item.Name==='王五' );

去掉空数组空字符串、undefined、null

var arr = ['1','2',undefined, '3.jpg',undefined]
var newArr = arr.filter(item => item)

过滤不符合项

var arr = ['10','12','23','44','42']
var newArr = arr.filter(item => item.indexOf('2')<0) 

数组去重

方法1:
var arr = [1, 2, 2, 3, 4, 5, 5, 6, 7, 7,8,8,0,8,6,3,4,56,2];
var arr2 = arr.filter((x, index,self)=>self.indexOf(x)===index)  

方法2:
var arr = [1,2,3,4,3,4]; 
var arr2 = [...new Set(arr)];

交换两个变量的值

let [x,y] = [1,2];
[y,x] = [x,y];

将数组转成对象

var data=[1,2,3,4]
var data1 ={...data}

过滤两个数组对象不同的值

let arr1=[{id:1,name:'网'},{id:2,name:'二位'}]
let arr2=[{id:1,name:'问问'},{id:3,name:'多少'},{id:44,name:'多少'},{id:45,name:'多少'},]

let result = arr2.filter((item) => !arr1.some((ele) => ele.id=== item.id));

//result = [{id:3,name:'多少'},{id:44,name:'多少'},{id:45,name:'多少'}]
点赞
收藏
评论区
推荐文章
Wesley13 Wesley13
3年前
RBAC 权限模型
RBAC0模型最基本的!(https://oscimg.oschina.net/oscnet/80a47f70d0c945ab47cadc28f63f77ab39d.png)MySQL脚本,没有建立外键约束。!(https://oscimg.oschina.net/oscnet/407d0ad45bb6f39
Stella981 Stella981
3年前
SpringBoot学习:整合shiro自动登录功能(rememberMe记住我功能)
首先在shiro配置类中注入rememberMe管理器!复制代码(https://oscimg.oschina.net/oscnet/675f5689159acfa2c39c91f4df40a00ce0f.gif)/cookie对象;rememberMeCookie()方法是设置Cookie的生成模
Stella981 Stella981
3年前
Leetcode No.39 组合总和
此文转载自:https://blog.csdn.net/jxq0816/article/details/113079141commentBox一、题目描述给定一个无重复元素的数组 candidates 和一个目标数 target ,找出 candidates 中所有可以使数字和为 target 的组合。candidates 中的数字
Wesley13 Wesley13
3年前
ES6部分特性学习
/testes6@authorsYourName(you@example.org)@date2017121519:29:39@version$Id$///由于学习vuerouter需要,学学ES6;在babel中文网看到tr
Easter79 Easter79
3年前
SpringBoot学习:整合shiro自动登录功能(rememberMe记住我功能)
首先在shiro配置类中注入rememberMe管理器!复制代码(https://oscimg.oschina.net/oscnet/675f5689159acfa2c39c91f4df40a00ce0f.gif)/cookie对象;rememberMeCookie()方法是设置Cookie的生成模
Stella981 Stella981
3年前
LeetCode 39. Combination Sum
问题链接LeetCode39.CombinationSum(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fleetcode.com%2Fproblems%2Fcombinationsum%2Fdescription%2F)题目解析给一组数和一个目
Wesley13 Wesley13
3年前
ANDROID解析JSON数据
这一个环节可以说是卡的比较久的了。对于用惯了php那样的json解析方式的我,头一次使用JAVA的json解析方法,感到非常的头疼。首先,服务端返回的数据格式如下:    {        "title":"\u8bdd\u8d39\u514d\u8d39\u62bd",        "aname":"\u8
Stella981 Stella981
3年前
39、chen框架
由于后台使用了chen框架,所以代码不能完全列出,可以到http://git.oschina.net/eternal\_rider/chen(http://git.oschina.net/eternal_rider/chen)下载项目,运行后,即可看到菜单效果级管理。示例框架中写了一个jquery菜单插件实现,可以使用存html代码样式
Wesley13 Wesley13
3年前
ElasticSearch简介、常用命令及插件介绍
转载地址:https://mp.weixin.qq.com/s/QMvKgtHWdDvg9E39wuqRwg(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fmp.weixin.qq.com%2Fs%2FQMvKgtHWdDvg9E39wuqRwg)ElasticSearch基本
Stella981 Stella981
3年前
DevOps工具介绍连载(39)——LeanKit
顾老师安全测试新课,报名地址:http://www.hbz100.com/pc/course/courseInfo.do?courseId182320200226121405459。疫情期间,您在注意身体安全的同时,关注身体安全了吗?500元工作几天的薪酬,让你薪资翻几倍。顾翔老师的《软件测试技术实战设计、工具及管理》网上购买地址:ht
跨端轻量JavaScript引擎的实现与探索
一、JavaScript1.JavaScript语言JavaScript是ECMAScript的实现,由ECMA39(欧洲计算机制造商协会39号技术委员会)负责制定ECMAScript标准。ECMAScript发展史:|时间|版本|说明||||||1997
周奂
周奂
Lv1
角声吹彻小梅花。夜长人忆家。
文章
3
粉丝
0
获赞
0