1. join()

 Array.join() 是 String.split() 的逆向操作

 var arr = [1, 2, 3]
arr.join()// "1,2,3"
arr.join("")// "123"
arr.join(" ")// "1 2 3"
arr.join('-')// "1-2-3"
arr.join('_')// "1_2_3"
arr.join('a')// "1a2a3" var arr1 = [1, 2, 3, {a:1,b:2,c:3}]
arr1.join('__') // "1__2__3__[object Object]"
var arr2 = [1, 2, 3, [1,2,3]]
arr2.join('__')// "1__2__3__1,2,3"

2. reverse()

数组元素全部倒过来


3.sort()
 排序

 var arr = [1,3,11,24];arr.sort() // [1, 11, 24, 3]
arr.sort((a, b) => a-b) // [1, 3, 11, 24] var arr1 = ['b', 'as', 'c', 'z', 'f'];
arr1.sort() // ["as", "b", "c", "f", "z"] var arr2 = ['b', 'as', 'c', [1,2,3] ,'z', 'f']
arr2.sort() // [[1,2,3], "as", "b", "c", "f", "z"]

4. concat()

返回一个新的数组(不修改原数组)

 var arr = [1, 2, 3];
arr.concat(4, 5) // [1,2,3,4,5]
arr.concat([4, 5]) // [1,2,3,4,5]
arr.concat([1,2,3], [4, 5]) // [1, 2, 3, 1, 2, 3, 4, 5]
arr.concat([1,[2],3], [4, 5]) //[1, 2, 3, 1, [2], 3, 4, 5]

5. slice(start, end)

返回数组片段 (不修改原数组) start, end 均是开区间

 var arr = [1, 5, 6, 7, 3];
arr.slice(0) // [1, 5, 6, 7, 3]
arr.slice(1, 2) // [5]
arr.slice(1, 3) // [5, 6]

6. splice()

插入或者删除 (修改数组本身)

 var arr = [1, 5, 6, 7, 3];
arr.splice(1) // [5, 6, 7, 3] var arr1 = [1, 5, 6, 7, 3];
arr1.splice(2) // [6, 7, 3] var arr2 = [1, 5, 6, 7, 3];
arr2.splice(1,2) // [5, 6] var arr3 = [1, 5, 6, 7, 3];
arr3.splice(2,0, 'a') arr3 //[1, 5, "a", 6, 7, 3]

7. 把数组当栈使用
push() 尾部添加
unshift() 头部添加
pop() 尾部删除
shift() 头部删除

8 遍历
for...in... (这货他么可以用来遍历 对象{a: 1, b: 2} 中的键值对)...

var obj = {a: 1, b:2}
for(var x in obj) {
console.log(x)
console.log(obj[x])
} // a
// 1
// b
// 2

  

map()
forEach()

判断是数组还是对象

 var o = {};
try {
o.map(i => i) && 'o is arr'}
catch(err) {
'o is: obj';
}

9. filter()
var arr = [1, 5, 6, 7, 3];

arr.filter((item) => item <= 5 ); // [1, 5, 3]

  


10.
every() // 针对所有元素
some() // 存在某个元素

11.  reduce() // 从左到右索引
    reduceRight() // 从右到左
var arr = [1,2,2,3,4,54];

// 求和
arr.reduce((x, y) => x + y) // 66 // 找出最大值
arr.reduce((x, y) => x > y ? x : y) // 54

  


12. 搜索整个数组中具有给定值的元素
indexOf() // 从左到右索引
lastIndexOf()
用来给数组去重

function uniq(arr) {
var _arr = [];
arr.map(item => _arr.indexOf(item) === -1 && _arr.push(item))
return _arr;
}
var array = [1,2,2,3,1,1,5,2,10, '10'];
uniq(array);

  

 原文地址:https://mp.weixin.qq.com/s/qedx5LWXfNeT5aachyBjkA 

JS中数组的方法的更多相关文章

  1. JavaScript -- 时光流逝(二):js中数组的方法

    JavaScript -- 知识点回顾篇(二):js中数组的方法 1. 数组 (1)定义数组,数组赋值 <script type="text/javascript"> ...

  2. js中数组去重方法及性能对比

    js中数组的 数组去重 常用的数组去重方法以及效率分析: 首先我们先构建一个数组,主要是用于进行去重实验,我们主要实验的量级为1000,10000,100000,500000.具体的生成数组的方法如下 ...

  3. js中数组去重的几种方法

    js中数组去重的几种方法         1.遍历数组,一一比较,比较到相同的就删除后面的                 function unique(arr){                 ...

  4. JS中split使用方法和数组中元素的删除

    JS中split使用方法和数组中元素的删除 JS中split使用方法 <script language="javascript"> function spli(){ d ...

  5. js中数组方法大全

    js数组方法大全 一:前言 我们在学到js中数组的时候,我们会接触到js中数组的一些方法,这些方法对我们来说,可以很遍历的达到我们想要的结果,但是因为方法比较多,有些方法也不常用,可能会过一段时间就会 ...

  6. 秒味课堂Angular js笔记------Angular js中的工具方法

    Angular js中的工具方法 angular.isArray angular.isDate angular.isDefined angular.isUndefined angular.isFunc ...

  7. JS实现数组去重方法大总结

    js数组根据对象中的元素去重: var arr2 = [ { name: "name1", num: "1" }, { name: "name2&qu ...

  8. jQuery与JS中的map()方法使用

    1.jquery中的map()方法 首先看一个简单的实例: $("p").append( $("input").map(function(){ return $ ...

  9. php和js中数组的总结

      php中数组的表示方法:array()或者[] js中数组的表示方法:new array()或者[] 一.php中初始化命名数组 在PHP中声明数组的方式主要有两种:一是应用array()函数声明 ...

随机推荐

  1. 【机器学习】彻底搞懂CNN

    之前通过各种博客视频学习CNN,总是对参数啊原理啊什么的懵懵懂懂..这次上课终于弄明白了,O(∩_∩)O~ 上世纪科学家们发现了几个视觉神经特点,视神经具有局部感受眼,一整张图的识别由多个局部识别点构 ...

  2. XSD详解二 - 简易元素、属性、内容限定

    一.XSD 简易元素 XML Schema 可定义 XML 文件的元素. 简易元素指那些只包含文本的元素.它不会包含任何其他的元素或属性. 1.什么是简易元素? 简易元素指那些仅包含文本的元素.它不会 ...

  3. 盘点CSS中可以和不可以继承的属性

    CSS中可以和不可以继承的属性   一.无继承性的属性 1.display:规定元素应该生成的框的类型 2.文本属性: vertical-align:垂直文本对齐 text-decoration:规定 ...

  4. Python3使用PyQt5制作简单的画板/手写板

    0.目录 1.前言 2.简单的画板1.0 在定点和移动中的鼠标所在处画一条线 3.简单的画板2.0 在定点和移动中的鼠标所在处画一条线 并将画过的线都保留在窗体上 4.简单的画板3.0 将按住鼠标后移 ...

  5. python处理csv文件问题解决贴

    实际工作中,碰到这么个问题:有个软件跑在linux系统上,其中用到一个数据库是csv格式的,但要向这个数据库添加600行新的数据,数据源同样是一个csv格式的文件. 有了目标,开始干活.首先想到的是, ...

  6. HDU4466 Triangle

    题意:给一个长为N的铁丝,问你有几种方法将其划分为若干段,使得每一段都能围成一个边长为整数的三角形,并且围成的三角形都相似 思路其实很明显,三角形的周长必定是N的约数,那么答案就是周长C能围城的三角形 ...

  7. C# Winform 实现Ajax效果自定义按钮

    技术看点 WinForm自定义控件的使用 自定义控件gif动画的播放 需求及效果 又来一波 C# GDI自定义控件show .这个控件已经使用几年了,最近找出来重构一下.原来是没有边框的,那么导致导航 ...

  8. 栈和队列的java简单实现

    今天看了一本书<啊哈 算法>,书的内容不多,一共两章,第一章是常见的排序算法包括桶排序.冒泡排序和快速排序,这些事基础的排序算法网上有很多资料说明,这里主要说第二章栈,对列,链表,书上使用 ...

  9. MySql的隔离级别和锁的关系

    一.事务的4个基本特征  Atomic(原子性):  事务中包括的操作被看做一个逻辑单元.这个逻辑单元中的操作要  么所有成功.要么所有失败. Consistency(一致性):  仅仅有合法的数据能 ...

  10. Android安全专项-利用androguard分析微信

    androguard Androguard经常使用API学习1 安装 做 Android 安全測试之前你应该知道的工具 (一) 分析 ./androlyze.py -s进入分析的交互界面 然后运行 a ...