去面试的时候问到我一个问题,你能说出来多少种数组的方法跟用法,我当时只说出来十一个,回来以后才想起来还有很多种,现在整理一下,没有排名,想起那个写那个

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数组用法的更多相关文章

  1. JavaScript八张思维导图—数组用法

    JS基本概念 JS操作符 JS基本语句 JS数组用法 Date用法 JS字符串用法 JS编程风格 JS编程实践 不知不觉做前端已经五年多了,无论是从最初的jQuery还是现在火热的Angular,Vu ...

  2. JS数组的基本用法

    JS数组的用法包括创建.取值赋值.添加以及根据下标(包括数值或字符)来移除元素等等,在本文中将为大家详细介绍,感兴趣的朋友可以参考下. 1.创建数组: //1.1直接创建一个数组对象 var arra ...

  3. js 数组 var arr=[] 的用法总结

    刚接触了一个js数组,用起来很头疼,总结一下 基本格式: var arr = [[name,value],[name2,value2],[name3,value3]]; 如何给 arr 动态添加元素 ...

  4. JSON用法之将PHP数组转JS数组,JS如何接收PHP数组

    先看php文件,当我们获取到$arr这个数组后 foreach ($arr as $value) { $json .= json_encode($value) . ','; } echo '[' . ...

  5. 将php数组转js数组,js如何接收PHP数组,json的用法

    首先下载下面这个文件(这是一段是别人写出来专门解析json的代码),然后引入这个文件! http://pan.baidu.com/s/1dD8qVr7 现在当我们需要用ajax与后台进行交互时,怎样将 ...

  6. 转→js数组遍历 千万不要使用for...in...

    看到一篇内容还不错,但是排版实在糟糕, 逼死强迫症患者啊,直接拉下去找原文连接,找到了,但是已经消失了···500错误... 第一次因为实在看不下去一篇博客的排版, 为了排版而转载... 转载地址:h ...

  7. Javascript模块化编程(三):require.js的用法

    Javascript模块化编程(三):require.js的用法 原文地址:http://www.ruanyifeng.com/blog/2012/11/require_js.html 作者: 阮一峰 ...

  8. js数组操作

    用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简单的string.split(char).这段时间做的一个项目,用到数组的地方很多, 自以为js高手的自己居然无从下手,一下狠心,我学! ...

  9. js数组操作【转载】

    用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简单的string.split(char).这段时间做的一个项目,用到数组的地方很多,自以为js高手的自己居然无从下手,一下狠心,我学!呵 ...

随机推荐

  1. 在CentOS 6.x/7.x上安装git

    方式一.yum安装 # yum info git Failed to set locale, defaulting to C Loaded plugins: fastestmirror Loading ...

  2. Maven系列--"maven-compiler-plugin"的使用

    万分感谢大佬:Poorzerg 原文链接:https://my.oschina.net/poorzerg/blog/206856 maven是个项目管理工具,如果我们不告诉它我们的代码要使用什么样的j ...

  3. js _proto_和prototype 区别 剖析

    首先,要明确几个点: 1.在JS里,万物皆对象.方法(Function)是对象,方法的原型(Function.prototype)是对象.因此,它们都会具有对象共有的特点. 即:对象具有属性__pro ...

  4. 前端-Data URI Scheme

    了解Data URI scheme,首要要掌握一些URI.URL的基本知识,很多做移动端上开发的同学对这两个基本概念掌握的不够,本文首先会对这两个基本概念做一些简单的介绍. 基本概念 <HTTP ...

  5. LAMP架构—源码编译安装 (爱情受过伤,为爱跳过鸭绿江)

    LAMP架构--源码编译安装 1.LAMP架构概述 2.编译安装Apache httpd 服务 3.编译安装mysql 服务 4.编译安装PHP 解析服务 5.利用LAMP搭建论坛 1.LAMP架构概 ...

  6. IP地址与子网划分

    IP地址与子网划分 目录 IP地址与子网划分 一.IP地址(Internet Protocol Address) 1.IP地址的表示 2.IP地址的组成 3.IP地址的分类 (1)A类IP地址 (2) ...

  7. GRC: 个人信息保护法, 个人隐私, 企业风险合规治理

    声明 个人原创, 转载需注明来源 https://www.cnblogs.com/milton/p/15885344.html 个人信息保护的历史和现状 个人信息保护的立法可追溯至德国黑森州1970年 ...

  8. 数值分析:最小二乘与岭回归(Pytorch实现)

    Chapter 4 1. 最小二乘和正规方程 1.1 最小二乘的两种视角 从数值计算视角看最小二乘法 我们在学习数值线性代数时,学习了当方程的解存在时,如何找到\(\textbf{A}\bm{x}=\ ...

  9. C++ 反汇编:关于函数调用约定

    函数是任何一门高级语言中必须要存在的,使用函数式编程可以让程序可读性更高,充分发挥了模块化设计思想的精髓,今天我将带大家一起来探索函数的实现机理,探索编译器到底是如何对函数这个关键字进行实现的,并使用 ...

  10. Solution -「多校联训」朝鲜时蔬

    \(\mathcal{Description}\)   Link.   破案了,朝鲜时蔬 = 超现实树!(指写得像那什么一样的题面.   对于整数集 \(X\),定义其 好子集 为满足 \(Y\sub ...