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高手的自己居然无从下手,一下狠心,我学!呵 ...
随机推荐
- 在CentOS 6.x/7.x上安装git
方式一.yum安装 # yum info git Failed to set locale, defaulting to C Loaded plugins: fastestmirror Loading ...
- Maven系列--"maven-compiler-plugin"的使用
万分感谢大佬:Poorzerg 原文链接:https://my.oschina.net/poorzerg/blog/206856 maven是个项目管理工具,如果我们不告诉它我们的代码要使用什么样的j ...
- js _proto_和prototype 区别 剖析
首先,要明确几个点: 1.在JS里,万物皆对象.方法(Function)是对象,方法的原型(Function.prototype)是对象.因此,它们都会具有对象共有的特点. 即:对象具有属性__pro ...
- 前端-Data URI Scheme
了解Data URI scheme,首要要掌握一些URI.URL的基本知识,很多做移动端上开发的同学对这两个基本概念掌握的不够,本文首先会对这两个基本概念做一些简单的介绍. 基本概念 <HTTP ...
- LAMP架构—源码编译安装 (爱情受过伤,为爱跳过鸭绿江)
LAMP架构--源码编译安装 1.LAMP架构概述 2.编译安装Apache httpd 服务 3.编译安装mysql 服务 4.编译安装PHP 解析服务 5.利用LAMP搭建论坛 1.LAMP架构概 ...
- IP地址与子网划分
IP地址与子网划分 目录 IP地址与子网划分 一.IP地址(Internet Protocol Address) 1.IP地址的表示 2.IP地址的组成 3.IP地址的分类 (1)A类IP地址 (2) ...
- GRC: 个人信息保护法, 个人隐私, 企业风险合规治理
声明 个人原创, 转载需注明来源 https://www.cnblogs.com/milton/p/15885344.html 个人信息保护的历史和现状 个人信息保护的立法可追溯至德国黑森州1970年 ...
- 数值分析:最小二乘与岭回归(Pytorch实现)
Chapter 4 1. 最小二乘和正规方程 1.1 最小二乘的两种视角 从数值计算视角看最小二乘法 我们在学习数值线性代数时,学习了当方程的解存在时,如何找到\(\textbf{A}\bm{x}=\ ...
- C++ 反汇编:关于函数调用约定
函数是任何一门高级语言中必须要存在的,使用函数式编程可以让程序可读性更高,充分发挥了模块化设计思想的精髓,今天我将带大家一起来探索函数的实现机理,探索编译器到底是如何对函数这个关键字进行实现的,并使用 ...
- Solution -「多校联训」朝鲜时蔬
\(\mathcal{Description}\) Link. 破案了,朝鲜时蔬 = 超现实树!(指写得像那什么一样的题面. 对于整数集 \(X\),定义其 好子集 为满足 \(Y\sub ...