es6下的高级函数

太过爱你忘了你带给我的痛 2022-12-01 01:29 72阅读 0赞

flter函数 返回一个新的数组 每次会根据条件进行一次判断 支返回为true的一项 。  
map函数 对数组的每一项进行操作 返回每一项的数组。  
数组对象可以直接取出自己想要的对象

let arr = [{ 
            id: 1,
            name: "tony",
            class: 1,
            garde: 88
       },{ 
            id: 2,
            name: "Tom",
            class: 1,
            grade: 90
       },{ 
            id: 3,
            name: "Jack",
            class: 1,
            grade: 86
       }];
    let res = arr.map(({ name, id}) => ({  id, name }))
     console.log(res)

reduce 第一参数是上次返回的值 第二个参数是这一次使用的值。  
split 筛选数组 arr.splilt(’-’,3);参数二是返回数组的前三项。  
去掉空数组空字符串、undefined、null

var newArr = arr.filter(item => item)

数组去重

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)  
    console.log(arr2); //[1, 2, 3, 4, 5, 6, 7, 8, 0, 56]

//此处的self其实就是arr原数组

对象  
Object.keys(arr);可以获取对象的key  
Object.values(arr);可以获取对象的value值  
indexOf返回某个指定的字符串值在字符串中首次出现的位置。

const arr = [1,2,3,4,5,6,7]
    const list = [
        { openId: 1, timelineId: 1, showNo: 1, uid: 1},
        { openId: 2, timelineId: 1, showNo: 1, uid: 1},
        { openId: 9, timelineId: 1, showNo: 1, uid: 1},
        { openId: 4, timelineId: 1, showNo: 1, uid: 1},
        { openId: 5, timelineId: 1, showNo: 1, uid: 1}
    ]
    const params = list.filter(item=> arr.indexOf(item.openId) > -1)
    console.log(params)

发表评论取消回复

表情：

评论列表（有 0 条评论，72人围观）

还没有评论，来说两句吧...

相关阅读

相关 es6 函数的扩展

函数参数: 显式参数(parameters)和隐式参数(arguments) 函数的显式参数在函数定义时列出函数隐式参数在函数调用时传递给函数真正的值参数规则:

桃扇骨/ 2023年07月07日 12:59/ 0 赞/ 7 阅读

相关 ES6-函数的扩展

ES6对函数的扩展总要将两件事，一个是函数的参数，一个是箭头函数，这两点扩展为JS代码编写来说是两个大大的惊喜，未来我们会经常用到这两个新特性。 ES6中函数的参数与

我会带着你远行/ 2023年06月06日 10:39/ 0 赞/ 4 阅读

相关 ES6 —— 函数的扩展

一、函数的扩展 1. 函数参数的默认值 ① 基本用法 > 1. ES6允许为函数的参数设置默认值，即直接写在参数定义的后面 function f

「爱情、让人受尽委屈。」/ 2023年05月31日 07:03/ 0 赞/ 6 阅读

相关 es6下的高级函数

flter函数返回一个新的数组每次会根据条件进行一次判断支返回为true的一项。 map函数对数组的每一项进行操作返回每一项的数组。数组对象可以直接取出自

太过爱你忘了你带给我的痛/ 2022年12月01日 01:29/ 0 赞/ 73 阅读

相关 ES6的箭头函数

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAbGl1bGFuZzY4_

Bertha 。/ 2022年09月09日 10:57/ 0 赞/ 212 阅读

相关 es6 异步函数

async函数 Async/Await应该是目前最简单的异步方案了,ES7 中新增了 async/await 两个关键词。async 可以声明一个异步函数

不念不忘少年蓝@/ 2022年06月09日 14:46/ 0 赞/ 218 阅读

相关 es6 函数的扩展

函数的扩展传统函数参数默认值 es6函数参数默认值 rest 参数箭头函数

水深无声/ 2022年01月31日 11:53/ 0 赞/ 302 阅读

相关 ES6 Symbol函数

一.Symbol 1.什么是Symbol？它是 JavaScript 语言的第七种数据类型，前六种是：undefined、null、布尔值（Boolean）、字符

绝地灬酷狼/ 2021年09月15日 06:06/ 0 赞/ 349 阅读

相关 ES6--async函数

async async 是 ES7 才有的与异步操作有关的关键字，和 Promise ， Generator 有很大关联的。语法 async functi

比眉伴天荒/ 2021年08月13日 14:12/ 0 赞/ 402 阅读

相关 ES6的函数优化

一实战 <!DOCTYPE html> <html lang="en"> <head> <meta charset="

淩亂°似流年/ 2021年07月24日 18:20/ 0 赞/ 309 阅读