js数组用法
去面试的时候问到我一个问题,你能说出来多少种数组的方法跟用法,我当时只说出来十一个,回来以后才想起来还有很多种,现在整理一下,没有排名,想起那个写那个
1:forEach
从头遍历数组,没有返回值,有三个参数,如arr.forEach( (value,i,a) => { } );value代表了arr数组里的每一个元素,i代表元素的索引值(下标),a代表数组本身。不会改变原数组
2:map
也是遍历数组,把数组每一个元素传递给指定函数,有返回值,需要用return,返回值是数组,不会改变原数组
3:filter
这个是用到比较多的,筛选方法。筛选满足条件的元素。返回值是数组。不改变数组本身。不会改变原数组
4:some
这个方法不常用,不创建新数组,不改变原数组,只要有一个满足条件就可以,判断为true直接返回true,否则返回false。
5:every
跟some有异曲同工之妙,不创建新数组,不改变原数组,必须全部满足条件才会返回true,否则返回false,但是有一个不满足条件,直接返回false,不会继续执行。
6:find
筛选方法,只会找第一个符合条件的元素,找到之后会直接返回,不会继续执行。不会改变原数组
7:reduce
他的用法就不一样了,可以说是累加用法。reduce(function(per,next){...},0)要有两个参数,第一个参数一定要初始化。0的意思,就是初始化per。0的这个位置,如果是数值,那么最后的运算就是数值类型,也可以是[ ]。next代表数组的每一项。不会改变原数组
还有一些刚开始接触js时候学习的方法:
8:push
如arr.push(1);那么这个1就会被添加到arr数组末尾,成为数组的元素。改变原数组
9:pop
没有参数,如arr.pop();删除数组的最后一个元素,返回值是被删除的元素,改变原数组
10:unshift
跟push用法道理相同,添加元素到数组头部,成为数组的第一个元素。改变原数组
11:shift
跟pop用法道理相同,删除数组第一个元素,返回被删除的元素,改变原数组
12:concat
将两个数组连接起来合并成一个新数组,如:
let arr1=[1,2,3];let arr2=[4,5,6]; let arr=arr1.concat(arr2); arr就会变成[1,2,3,4,5,6];不改变原数组
13:splice
删除或者插入指定位置的元素,如arr.splice(index,num,element1,.....,elementX);
index表示要删除的数组下标,num表示要删除元素的个数,element1--elementX表示从index开始插入的元素,可选值。改变原数组
14:reverse
反转数组元素,如arr.reverse();arr如果是[1,2,3,4,5],使用以后就会变成[5,4,3,2,1];改变原数组
15:join
数组转字符串,参数是在每个元素中间穿插。如arr.join("-");arr为[1,2,3];使用后返回值变为1-2-3;不改变原数组
16:slice
截取数组,有两个参数,如arr.slice(2,3);3为可选值,从数组下标为2的开始截取,截取到下标为3,如果没有3,截取到最后。如果只有一个参数且为负数,那么截取是从后向前开始。不该变原数组
17:toString
由于数组是对象,所以可以用这个转字符串方法,如arr.toString();arr为[1,2,3],返回值为1,2,3,不改变原数组
18:sort
数组元素排序,参数必须是函数,函数有两个参数,a,b,有return。
若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。若 a 等于 b,则返回 0。若 a 大于 b,则返回一个大于 0 的值。改变原数组
19:indexOf
查找元素并返回其下标,如果没找到返回-1,参数就是要查找的元素,不改变原数组
还有一下不属于数组的方法,但是可以用来操作数组的:
20:Math.min.apply
如Math.min.apply(null,[1,2,3]);查找数组中的最低值,返回值为1,max用法相同,查找数组中最大值。不改变原数组
目前就想到这些,如果错误,请通知我改正,谢谢观看
js数组用法的更多相关文章
- JavaScript八张思维导图—数组用法
JS基本概念 JS操作符 JS基本语句 JS数组用法 Date用法 JS字符串用法 JS编程风格 JS编程实践 不知不觉做前端已经五年多了,无论是从最初的jQuery还是现在火热的Angular,Vu ...
- JS数组的基本用法
JS数组的用法包括创建.取值赋值.添加以及根据下标(包括数值或字符)来移除元素等等,在本文中将为大家详细介绍,感兴趣的朋友可以参考下. 1.创建数组: //1.1直接创建一个数组对象 var arra ...
- js 数组 var arr=[] 的用法总结
刚接触了一个js数组,用起来很头疼,总结一下 基本格式: var arr = [[name,value],[name2,value2],[name3,value3]]; 如何给 arr 动态添加元素 ...
- JSON用法之将PHP数组转JS数组,JS如何接收PHP数组
先看php文件,当我们获取到$arr这个数组后 foreach ($arr as $value) { $json .= json_encode($value) . ','; } echo '[' . ...
- 将php数组转js数组,js如何接收PHP数组,json的用法
首先下载下面这个文件(这是一段是别人写出来专门解析json的代码),然后引入这个文件! http://pan.baidu.com/s/1dD8qVr7 现在当我们需要用ajax与后台进行交互时,怎样将 ...
- 转→js数组遍历 千万不要使用for...in...
看到一篇内容还不错,但是排版实在糟糕, 逼死强迫症患者啊,直接拉下去找原文连接,找到了,但是已经消失了···500错误... 第一次因为实在看不下去一篇博客的排版, 为了排版而转载... 转载地址:h ...
- Javascript模块化编程(三):require.js的用法
Javascript模块化编程(三):require.js的用法 原文地址:http://www.ruanyifeng.com/blog/2012/11/require_js.html 作者: 阮一峰 ...
- js数组操作
用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简单的string.split(char).这段时间做的一个项目,用到数组的地方很多, 自以为js高手的自己居然无从下手,一下狠心,我学! ...
- js数组操作【转载】
用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简单的string.split(char).这段时间做的一个项目,用到数组的地方很多,自以为js高手的自己居然无从下手,一下狠心,我学!呵 ...
随机推荐
- git rm 与 git rm --cached 的区别
感谢原文作者:book_02 原文链接:https://www.jianshu.com/p/1c442fd398b7 git rm : 同时从工作区和索引中删除文件.即本地的文件也被删除了. git ...
- VMware14安装windows7的详细过程
感谢大佬:https://blog.csdn.net/u012230668/article/details/81701893 一.安装VMware虚拟机,以及下载一份ghost win7系统 下载地址 ...
- 入门-k8s部署应用 (三)
Kubernetes 部署应用 在 k8s 上进行部署前,首先需要了解一个基本概念 Deployment Deployment 译名为 部署.在k8s中,通过发布 Deployment,可以创建应用程 ...
- 自定义CALayer
1.如何自定义Layer. 自定义CALayer的方式创建UIView的方式非常相似. CALayer *layer = [CALayer layer]; layer.fr ...
- HOOK API(四) —— 进程防终止
0x00 前言 这算是一个实战吧,做的一个应用需要实现进程的防终止保护,查了相关资料后决定用HOOK API的方式实现.起初学习HOOK API的起因是因为要实现对剪切板的监控,后来面对 ...
- TreeMap或者HashMap中的entrySet()方法
查看entrySet()源码 /** * Returns a {@link Set} view of the mappings contained in this map. * * <p> ...
- Python--变量和简单数据类型
Python--变量和简单数据类型 目录 Python--变量和简单数据类型 一.Python脚本运行过程 二.变量 1. 变量的命名和使用 2. Python关键字和内置函数 2.1 Python关 ...
- 谷粒商城Day1
环境搭建 安装JDK1.8: 1 下载并解压jdk1.8 tar -zxvf jdk-8u281-linux-x64.tar.gz(检查本机有没有jdk有的话卸载掉.安装上自己的jdk) 2 配上环境 ...
- Ubuntu18 用新用户登录后退格键/方向键/制表键 乱码
Ubuntu18新建用户后,用新用户登录,此时 退格键Backspace 变成了 ^H,且方向键.制表键.Del键等均失效 这样会造成很多的麻烦,解决方式有两种: 方式1:Ctrl + Backspa ...
- Dubbo的前世今生
搜索关注微信公众号"捉虫大师",后端技术分享,架构设计.性能优化.源码阅读.问题排查.踩坑实践. 本文已收录 https://github.com/lkxiaolou/lkxiao ...