数组API分享

1. join()

数组单元素拼接成了字符串

let arr = ['a', 'b', 'c', 'd', 'e', 'f'];
let str = arr.join('');
console.log(str);  //abcdef

2. concat()

合并两个数组，生成新数组

let arr = [1, 2, 3];
let a = ['a', 'b', 'c'];
let b = [11, 22, 33];
let re = arr.concat(a, b, 'aa', 'bb', 'cc');
console.log(re);

3. sort()

对原数组单元值排序

let arr = [23, 123, 6, 9, 7];// 正序排列：
let re = arr.sort( function (a, b) { return a - b; } );// 倒序排列：
let re = arr.sort(function (a, b) { return b - a; });

4. forEach()

用于遍历数组，替代for循环

let arr=['张飞','赵云','张辽']
// forEach:遍历数组
arr.forEach( function(item,index,o){// 第一个参数:代表数组的每个元素,当前元素// 第二个参数:代表数组的每个元素的索引值,当前项的索引值// 第三个参数:代表当前数组本身console.log(item,index,o)
})

5. revers()

反转数组顺序

let arr = [1, 2, 3];
let re = arr.reverse();
console.log(re);

6. Array.from()

伪数组转成真数组

要想把伪数组转成真数组,必须有length属性

Array.from(转换的伪数组名)

7. find()

用于查找首次满足条件的首次值,并返回

let re = [2, 4, 6, 9, 7, 8].find(function (item, index, o) {console.log(item, index, o)return item > 3
})
console.log(re)

8. findIndex()

查找首次满足条件的值,并返回索引值

let re = [2, 4, 6, 9, 7, 8].findIndex(function (item, index) {return item > 3
})
console.log(re)

9. some()

用于查找是否有满足条件的值,有就返回true,没有false(找到立即停止执行)

[2, 4, 6, 9, 7, 8].some(function (*item*, *index*) {return *item* > 3    //truereturn *item* > 100    //false})

10. every()

用于查找元素满足条件,都满足返回true,没否则就是false

let re = [2, 4, 6, 9, 7, 8].every(function (item, index) {return item > 3   //false
})
console.log(re)

11. filter()

用于筛选满足条件的元素,把所有满足条件的元素放到新数组返回

[2, 4, 6, 9, 7, 8].filter(function (*item*, *index*) {return *item* % 2 === 0   //[2,4,6,8]})

12. map()

用于遍历数组每个元素执行一遍回调函数,把所有结果放到新数组返回

let re = [2, 4, 6, 9, 7, 8].map(function (item, index) {return item * item   //[4,16,36,81,49,64]
})

13. indexOf()

检索数组单元值(查找在数组中首次出现的索引位置)

如果找到就会返回首次出现的位置,找不到就会返回-1
lastIndexOf:查找在数组中尾次出现的索引位置,找不到就是-1

let arr = ['a', 'b', 'c', 'd', 'a', 'b', 'c'];
// 如果找到就会返回首次出现的位置，找不到就会返回-1
// let re = arr.indexOf('b');
// lastIndexOf：查找在数组中尾次出现的索引位置，找不到就是-1
let re = arr.lastIndexOf('b');
console.log(re);

14. reduce()

数组求和，求乘积

var  arr = [1, 2, 3, 4];
var sum = arr.reduce((x,y)=>x+y)
var mul = arr.reduce((x,y)=>x*y)
console.log( sum ); //求和，10
console.log( mul ); //求乘积，24

日常分享——数组API分享相关推荐

好程序员web前端分享数组及排序、去重和随机点名
好程序员web前端分享数组及排序.去重和随机点名,栈堆结构:堆栈都是一种数据项按序排列的数据结构,只能在一端(称为栈顶(top))对数据项进行插入和删除. 栈:存放的是路径:容量有限(在一开始被定义之 ...
Bing每日壁纸API分享
CSS中设置背景图片可以使用此API直接在CSS中设置背景图片: background-image: url(https://bing.biturl.top/?resolution=1920& ...
个人微信开发协议sdk接口API分享
个人微信开发协议sdk接口API分享 1.基础消息类型 1.客户端发送的心跳包 HeartBeatReq = 1001; 2.消息接收确认回复(接收或拒绝接收) MsgReceivedAck = 10 ...
【实习之路】腾讯、小米日常实习生面试经历分享——小米篇
文章目录前言正文--小米篇一面经验二面经验总结前言最近在投递实习岗位,面试了腾讯跟小米两家公司,分享一下经历. 正文--小米篇投递渠道:BOSS直聘. BOSS直聘上有个小米的面试官私 ...
C语言编程输入动态数组,C语言完美实现动态数组代码分享
我们知道,C语言中的数组大小是固定的,定义的时候必须要给一个常量值,不能是变量. 这带来了很大的不便,如果数组过小,不能容下所有数组,如果过大,浪费资源. 请实现一个简单的动态数组,能够随时改变大小, ...
不背锅运维：分享OpenStack API使用套路
写在前面 ❝ 近期有openstack和vmware相关的开发需求,N年前从事虚拟化运维的时候玩过了,所以对它俩的API使用套路早忘得一干二净.这次借这个机会把使用套路做个文档并分享出来,希望可以帮到 ...
网页个人微信api分享
安卓微信的api,个人微信开发API协议,微信 ipad sdk,微信ipad协议,微信web版接口api,微信网页版接口,微信电脑版sdk,微信开发sdk,微信开发API,微信协议,微信接口文档sd ...
QQ分享 QQ空间分享 API链接：
通过qq空间.qq聊天.新浪微博和微信二维码分享平台提供的接口,实现把网页中对应的图片.标题.描述的信息参数用javascript获取后传进接口中,实现一键分享. 使用到的接口(测试时需要登录,网址和 ...
分享按钮--百度分享
一.概述百度分享代码已升级到2.0,本页将介绍新版百度分享的安装配置方法,请点击左侧列表查看相关章节. 二.代码结构分享代码可以分为三个部分:HTML.设置和js加载,示例如下: 代码结构如下: ...

日常分享——数组API分享