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

Javascript基础之Array数组API

Javascript数组原型提供的方法非常之多,主要分为三种:

  • 直接修改原数组
  • 原数组不变,返回新数组
  • 数组遍历方法

直接修改原数组的API

pop()
删除一个数组中的最后的一个元素,并且返回这个元素

push()
添加一个或者多个元素到数组末尾,并且返回数组新的长度

shift()
删除数组的第一个元素,并返回这个元素

unshift()
在数组开始处插入一些元素,并返回数组新的长度

splice()
从数组中添加/删除一些元素,然后返回被删除的元素

reverse()
颠倒数组中元素的顺序

sort()
用于对数组的元素进行排序

fill() -- ES6新增
将数组指定区间内的元素替换为某个值

copyWithin() -- ES6新增
数组内元素之间的替换

返回新数组的API

contact()
将传入的数组或者元素与原数组合并,组成一个新的数组并返回

slice()
连接两个或多个数组

join()
将数组中的所有元素连接成一个字符串

indexOf()
用于查找元素在数组中第一次出现时的索引,如果没有,则返回-1

lastIndexOf()
用于查找元素在数组中最后一次出现时的索引,如果没有,则返回-1

includes() -- ES7新增
用来判断当前数组是否包含某个指定的值,如果是,则返回 true,否则返回false

数组遍历方法

针对数组遍历方法,从

  • 是否影响原数组
  • 是否可中途跳出
  • 有无返回值

三个方面来讨论

forEach()

指定数组的每项元素都执行一次传入的函数,返回值为undefined

let arr=[1,2,3,4];
arr.forEach(function(value,key,arr){  //值,索引,数组(默认为选定数组)
    return item;  //进行任何操作
})  //只返回undefined

return 返回 undefined

return

  • 仅有return:返回undefined
  • return false:返回undefined
  • return true:返回undefined

简言之,仅返回undefined;

总结:

  1. 不会影响原数组
  2. 不会被中断
  3. 仅返回undefined

map()

遍历数组,使用传入函数处理每个元素,并返回函数的返回值组成的新数组

return 返回由 undefined组成的数组,数组个数与原数组个数相同

return

  • return 表达式,返回有响应表达式 组成的数组

简言之,返回值,必定是一个与原数组个数相等的数组;但是数组中的值,根据所做的处理有所不同;

总结:

  1. 不会影响原数组
  2. 不能被中断
  3. 返回值,必定是一个与原数组个数相等的数组;但是数组中的值,根据所做的处理有所不同

filter()

使用传入的函数测试所有元素,并返回所有通过测试的元素组成的新数组

没有return,返回值为空数组;

return

  • 仅有return,返回空数组;
  • return false,返回空数组;
  • return true,返回原数组;(是深拷贝还是浅拷贝)
  • return 其余表达式,如果有判断条件,返回相应判断条件构成的数组;没有判断条件,返回原数组;

简言之,返回值,要么为空数组,要么为原数组,要么为原数组部分元素组成的数组;

总结:

  1. 不会影响原数组
  2. 不能被中断
  3. 返回值,要么为空数组,要么为原数组,要么为原数组部分元素组成的数组

every()

使用传入的函数测试所有元素,每一个元素经传入的函数处理都返回true该方法才返回true,否则返回false(验证是否每一个元素都满足测试函数)

验证是否有元素都满足测试函数,eg: return (element >= 10)

无return:返回false;

return

  • 仅有return :返回false
  • return false:返回false
  • return true:返回true

简言之,只返回 true 或者 false

总结:

  1. 不会影响原数组
  2. 不能被中断
  3. 只返回true 或者 false

some()

使用传入的函数测试所有元素,只要有一个元素经传入的函数处理返回true该方法就返回true,否则返回false(验证是否有元素都满足测试函数)

return,返回 false

return:

  • 仅有return,返回false
  • return false,返回false
  • return true,返回 true;并且后续被中断

简言之,仅返回true、或者false

总结:

  1. 不会影响原数组
  2. return true,可以被中断
  3. 仅返回true、或者false

find() -- ES6新增

返回数组中第一个满足条件的元素(如果有的话), 如果没有,则返回 undefined

return:返回undefined

return

  • 仅有return:返回undefined
  • return false:返回undefined;
  • return true:返回相应的索引值,并且中断

总结:

  1. 不会影响原数组
  2. return true 中断循环
  3. 返回 undefined 或者 相应索引值

findIndex() -- ES6新增
返回数组中第一个满足条件的元素的索引(如果有的话), 如果没有,则返回 -1


keys() -- ES6新增
返回一个数组索引的迭代器


values() -- ES6新增
返回一个数组迭代器对象,该对象包含数组中每个索引的值


entries() -- ES6新增
返回一个数组迭代器对象,该对象包含数组中每个索引的键值对


reduce()
接收一个方法作为累加器,数组中的每个值(从左至右) 开始合并,最终为一个值


reduceRight()
接收一个方法作为累加器,数组中的每个值(从右至左) 开始合并,最终为一个值


最终总结下,对于数组遍历方法,forEach map filter every some find,六个方法,都不会改变原数组,只有some find 可中途跳出循环,返回结果看上述分析;

相关文章:

  • redhat6.4提权Ⅱ
  • 运算符和自增自减
  • ☆1033
  • 用Node EJS写一个爬虫脚本每天定时给心爱的她发一封暖心邮件
  • linux下实用的快速随机生成复杂密码
  • 互联网世界,联通你我,这40张图送给你!让你笑到肚子疼!
  • WinDbg 命令三部曲:(二)WinDbg SOS 扩展命令手
  • 使用Envoy 作Sidecar Proxy的微服务模式-4.Prometheus的指标收集
  • 手写双向链表LinkedList的几个常用功能
  • Python中eval与exec的使用及区别
  • CSS选择器介绍和优先级
  • PPT设计网站 驼峰设计
  • js实现简易的touch事件(es5)
  • Mac OS安装Docker容器的3种方式与差别:Docker for Mac
  • 基于MicroPython的家庭可燃气体泄露微信报警器
  • [ 一起学React系列 -- 8 ] React中的文件上传
  • 【跃迁之路】【735天】程序员高效学习方法论探索系列(实验阶段492-2019.2.25)...
  • 10个确保微服务与容器安全的最佳实践
  • android高仿小视频、应用锁、3种存储库、QQ小红点动画、仿支付宝图表等源码...
  • Hexo+码云+git快速搭建免费的静态Blog
  • IIS 10 PHP CGI 设置 PHP_INI_SCAN_DIR
  • javascript 总结(常用工具类的封装)
  • JS+CSS实现数字滚动
  • niucms就是以城市为分割单位,在上面 小区/乡村/同城论坛+58+团购
  • Odoo domain写法及运用
  • 欢迎参加第二届中国游戏开发者大会
  • 讲清楚之javascript作用域
  • 前端临床手札——文件上传
  • 深入浏览器事件循环的本质
  • 微信小程序开发问题汇总
  • 【云吞铺子】性能抖动剖析(二)
  • 蚂蚁金服CTO程立:真正的技术革命才刚刚开始
  • ​TypeScript都不会用,也敢说会前端?
  • ​油烟净化器电源安全,保障健康餐饮生活
  • #LLM入门|Prompt#3.3_存储_Memory
  • (AngularJS)Angular 控制器之间通信初探
  • (C语言)共用体union的用法举例
  • (附源码)springboot车辆管理系统 毕业设计 031034
  • (附源码)ssm本科教学合格评估管理系统 毕业设计 180916
  • (一)硬件制作--从零开始自制linux掌上电脑(F1C200S) <嵌入式项目>
  • ******IT公司面试题汇总+优秀技术博客汇总
  • *Django中的Ajax 纯js的书写样式1
  • ..回顾17,展望18
  • .describe() python_Python-Win32com-Excel
  • .NET Core 实现 Redis 批量查询指定格式的Key
  • .Net Remoting常用部署结构
  • .Net(C#)自定义WinForm控件之小结篇
  • .NET/C# 使用 ConditionalWeakTable 附加字段(CLR 版本的附加属性,也可用用来当作弱引用字典 WeakDictionary)
  • .NET框架类在ASP.NET中的使用(2) ——QA
  • /etc/sudoers (root权限管理)
  • [bzoj1901]: Zju2112 Dynamic Rankings
  • [C#]使用PaddleInference图片旋转四种角度检测
  • [C++]二叉搜索树
  • [GXYCTF2019]禁止套娃
  • [HDOJ4911]Inversion