js常用的数组方法和箭头函数

已于 2022-05-11 15:44:03 修改
阅读量231 收藏
点赞数
文章标签： javascript 前端 开发语言
于 2022-03-12 21:16:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xzd2333/article/details/123450511
版权

箭头函数

相当于function函数的缩写

  1. 去掉function改成箭头 =>  
  2.  2.形参小括号写在箭头的前面

箭头函数语法注意点

  1. 如果箭头函数只有一个形参，则可以省小括号
  2. 如果箭头函数的函数体只有一行代码，则可以省大括号  （此时必须省return）

箭头函数的this指向

箭头函数：没有this

箭头函数的本质是访问上级作用域中的this

由于箭头函数没有this，所以箭头函数不能作为构造函数（new会修改this指向，而箭头没有this）

箭头函数也无法修改this（call apply bind）对箭头函数无效

展开运算符： ...

相当于遍历对象的简写

连接数组： arr1.push （...arr2)

求最大值: Math.max(...arr)

数据类型set

Set相当于数组类型，和数组的区别就是不能存储重复元素

经典去重

Let newarr = [...new Set(arr) ]

数组map

方法作用：映射数组

按照某种映射关系，把数组的每一个元素给修改了

数组forEach方法

跟for循环的意义一样

数组some遍历

判断数组中是否有符合条件的元素

Return true 循环中有符合条件的，循环结束

Return false 循环中没有符合条件的，循环继续

数组every方法使用

判断数组中，是否所有的元素都满足条件

Return true 满足条件循环继续，全部都是true则最终结果为true

Return false 循环结束，只要有一个不满足则结束，最终为false

数组findIndex

方法作用 ： 查找元素的下标

查找数组中的元素中引用类型

有元素的时候返回元素的下标

没有的时候直接返回固定值-1

数组reduce方法

 数组累加器方法

Reduce的应用场景：数组的求和，求数组的元素最大值

第一个参数：回调（上一次值，当前值，当前的下标）=>{ }

第二个参数：初始值   一般设置初始值为0

Let  res  = arr.reduce( (sum,item) => sum+item ,0)

前端小谢
关注
Js高级 数组方法--构造函数
weixin_59166066的博客
04-25 787
JS高级 箭头函数 ES6中新增定义函数方式 （ ）=> const fn = ( )=>{ } 箭头函数以小括号开头，小括号里面放置形参的地方 小括号后面要写一个箭头 这是固定语法 小箭头后面 要写一个大括号 大括号 依然表示函数体 这就是定义箭头函数的基本方式 箭头函数没有名字 要如何调用呢？ 通常我们都会讲箭头函数赋值给一个变量 变量名字就是函数名字 ，通过变量名字来调用函数就可以了 函数体中只有一句代码，且代码的执行结果就是返回值，可以省略大括号 、不能写return
【js数组的基本使用方法】javascript最全的数组方法
ytfty24124的博客
11-21 1288
javascript最全的数组方法，包括ES6语法
箭头函数和js里面的map函数用法
会写Bug的攻城狮
10-18 3347
箭头函数s => s.length或者（a,b）=>{c=a+b*4}，在map方法中写箭头函数，会将箭头函数处理的结果返回到一个新的数组或者其他的可遍历对象。 var a = [ 'Hydrogen', 'Helium', 'Lithium', 'Beryl­lium' ]; //获取每个元素的长度，组成一个数组，方法1 var b = a.map(function(s){return s.length}); //方法2 var c = a.map(s => s.leng.
[js高手之路] es6系列教程 - 箭头函数详解
weixin_33696822的博客
08-05 188
箭头函数是es6新增的非常有意思的特性，初次写起来，可能会觉得别扭，习惯之后，会发现很精简. 什么是箭头函数? 箭头函数是一种使用箭头( => )定义函数的新语法, 主要有以下特性: 不能通过new关键字调用 没有原型, 因为不能通过new调用，所以没有原型 没有this, super，arguments和new.target绑定, new.target和super关键字是es...
JS用箭头函数实现操纵数组的回调函数,push,forEach,find,filter,map
zhansan的博客
12-04 1313
let test = function (call) { call("hello call back"); } test(function (words) { console.log(words); });
JS高级 解构赋值, 箭头函数 数组迭代方法
weixin_68531033的博客
05-05 559
ES6语法
js---箭头函数
cjx177187的博客
06-27 827
（1）箭头函数定义箭头函数提供了一种更加简洁的函数书写方式。基本语法是： 参数 => 函数体 (参数) => {函数体}基本语法：且需要返回结果时，可以省略 {} , 结果会自动返回。（2）适合使用的场景ES6 之前，JavaScript 的 this 对象一直很令人头大，回调函数，经常看到 var self = this 这样的代码，为了将外部 this 传递到回调函数中，那么有了箭头函数，就不需要这样做了，直接使用 this 就行。所以，当我们需要维护一个 this 上下文的时候，就可以使用
js 函数 Array.from()的使用
落子無悔
11-17 5408
Array.from(): Array.from()方法从一个类似数组或可迭代对象创建一个新的，浅拷贝的数组实例。 let obj = { 0: 'hellow world', 1: 'xiaoming', 2: 'gansha', 'length': 3 } let arr = Array.from(obj) console.log(arr); ...
Vue之前知识点巩固(扩展运算符,数组,箭头函数,.rar
05-28
data computed watch methods上的方法和数据均不能访问 created 实例创建完成 完成数据(data props computed)的初始化 导入依赖项。 可访问data computed watch methods上的方法和数据 未挂载DOM,不能访问$el,$ref为...
JavaScript的使用以及JS常用函数（JS 遍历数组和集合）
zzvar的博客
04-24 2285
JavaScript入门学习总结1. 什么是 JavaScript2. JavaScript 的特点3. JS的使用编写位置基本语法变量打印变量数据类型运算符3. 函数的定义函数语法函数的调用4.面向对象构造函数(类)定义创建对象和操作成员5.内置对象DateString6.数组数组的定义方式数组中的常用属性和方法**数组的遍历方式**总结 学习总结 1. 什么是 JavaScript JavaScript（简称"JS"）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。 2. JavaScrip
JavaScript高级复习04-ES6新语法(箭头函数,展开运算符,数据结构Set,数组迭代方法)
m0_64526818的博客
12-29 894
ES6新语法(声明变量let 与 const,变量的解构赋值,箭头函数,展开运算符,数据结构Set,数组迭代方法)
JavaScript高级 |如何玩转箭头函数？
只想和你一起进步
09-13 2611
教你快速玩转箭头函数
【箭头函数-解构赋值(对象/数组解构)-多维数组】 js进阶
最新发布
qq_59790851的博客
06-25 359
箭头函数的基本写法箭头函数的this指向[箭头函数不会创建自己的this,它只会从自己的作用域链的上一层沿用this]数组解构解构数组里面的变量多于值，或少于值，或剩余参数多维数组对象解构。
JS中的箭头函数
wytccc的博客
11-06 1380
② 箭头函数与数组的forEach、filter、map、some、every等方法配合起来用的比较舒服。① 箭头函数没有this，系统会把this当做一个变量，向上级作用域中去查找，最终会指向window。② 箭头后面没写大括号，如果需要返回一个值，直接写需要返回的变量即可（省略了return）① 箭头后面写了大括号的话，如果需要返回一个值，要写return关键字。① 箭头函数在某些地方不建议使用，因为可能会降低代码的可读性。② 箭头函数中没有arguments对象。③ 箭头函数不能用new调用。
JavaScript（数组、箭头函数、for循环）
weixin_64899102的博客
08-07 946
1
ES6 教程：JavaScript 中箭头函数的完整介绍
Meta.Qing的博客
08-02 1044
一般来说，对于常规函数，我们总是必须跟踪“this”上下文并记住正确绑定它，当我们有多个嵌套函数时问题会很麻烦。使用箭头函数，使用“this”关键字更容易，因为箭头函数没有自己的绑定到“this”，如果在箭头函数内部访问“this”，它是从外部获取的。总的来说，箭头函数是ES6最受青睐的特性之一，在箭头函数的帮助下，你的代码可以看起来更加整洁和简洁。首先，箭头函数需要是函数表达式，不能像普通函数那样单独放置。看起来像箭头的语法，所以人们称之为“箭头函数”或“胖箭头函数”（不知道为什么它是胖的）。......
Js 箭头函数 详细介绍（多种使用场景差异，你学会了吗？）
高大志leo的博客
12-17 2438
简要认识 箭头函数是在ES6中添加的一种规范，简化了匿名函数定义的写法。 基本格式 完整写法 let fn = (x,y) => { return x + y; } //function()写法 let fn = function(x,y) { return x + y; } 只有1个参数时，可以省略 () //参数只有1个时，可以省略 () let fn = x => { return x + x; } //function()写法 let fn = funct
ES6 箭头函数以及for循环数组
从盲流子到程序员
03-24 3073
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>箭头函数</title> </head> <!--<script type="text/javascript" src="js/es6.js" ></s...
JavaScript Array map() 方法、箭头函数Arrow_functions的简单用法
Easylee的博客
03-09 891
参考资料： ①菜鸟教程JavaScript Array map() 方法 ②MDN箭头函数 结合参考资料，博主写的demo代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript Array map() 方法、箭头函数Arrow_fu...
JavaScript高级this绑定详解及箭头函数应用
本文档主要探讨了JavaScript中关于"this"绑定规则以及箭头函数的相关知识点，帮助读者更好地理解和应用在编程实践中。首先，我们了解了JavaScript中的"this"绑定规则： 1. **默认绑定**：在非严格模式下，全局作用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值