IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 【JavaScript】数组Array中的常用方法大全,粗略 速查 -> 正文阅读

[JavaScript知识库]【JavaScript】数组Array中的常用方法大全,粗略 速查

数组方法

1.构建

let arr =[];
let arr = new Array(20);			//有20个空元素
let arr = new Array("ele1","ele2"); //2个元素
let arr = Array.from(map);			//类数组 -> 数组 (arguments伪数组,字符串,map,set等)
let arr = Array.of(1,2,3,4);		//一组参数 ->数组

2.检测

Array.isArray(value)     //确定一个值是不是数组
value instanceof Array   //只适用于一个页面

3.迭代

迭代器
a.keys()
a.values()
a.entries()键值对
a.forEach( (item,index,array) =>{ } );


//params:前一次函数的返回值,当前元素,和当前元素索引 和 array的本体
Array.reduce(function(prev,curr,index,array){...})
Array.reduceRight(function(prev,curr,index,array){...})//同理,从末尾往前迭代

请添加图片描述

4.复制和填充

a.fill(5);   	//用5填充整个数组
a.fill(6,3);	//用6填充 下标 3<=index
a.fill(6,1,5); 	//用6填充 下标 1<=index<5
a.copyWithin(5);	//从0<=index开始浅拷贝,插入到 5 	-> 0 1 2 3 4 0 1 2 3 4 5
a.copyWithin(5,1);	//从1<=index开始浅拷贝,插入到 5	-> 0 1 2 3 4 1 2 3 4 5 6
a.copyWithin(5,1,2);//从1<=index<2开始浅拷贝,插入到5	-> 0 1 2 3 4 1 5 6 7 8 9

5.转换

a.toString()
a.valueOf()
a.toLocaleString()
//常用:
let a = [0, 1, 2, 3, 4,5,6,7,8,9,10];
console.log( a.toString().replace(/,/g,'') )
//012345678910

6.栈

push返回最新长度 pop返回删除元素

a.push("a");		//["a"] 
a.push("a","b");	//["a","a","b"] 可以同时push两个 
console.log(a.pop()); //b 删掉了b

7.队列

a.unshift("a");		//["a"] 
a.unshift("a","b");	//["a","b","a"] 可以 前插 两个,还是按原ab顺序 
console.log(a.shift()); //a 删掉了a

8.排序

a.sort()
a.sort(compare)
a.reverse()

9.操作

concat

衔接无限个数组、元素,返回一个新构建的数组

let newArray = a.concat("a",["a","b"])  //创建一个 ["a","a","b"]
slice

slice(开始,结束) 返回 开始<=index<结束 的新数组

let newArray = a.slice(0)  //创建一个 0到末尾
let newArray = a.slice(0,1)  //创建一个 [0] 
splice

最强大的数组操作方法 一次实现 删除、插入、替换 三个功能的语法糖

功能参数语法糖用途
删除2 开始位置 删除数量a.splice(begin,num)删除begin<=index的num个元素
插入>=3 开始位置 0(删除数量) 元素a.splice(begin,0,ele…)在begin处 插入 元素
替换>=3 开始位置 num num个元素a.splice(begin,num,num个ele…)又删又插 就是替换

10.搜索方法

方法返回功能
a.includes(ele,begin)bool是否含有
a.indexOf(ele,begin)下标从起始查找第一个
a.lastIndexOf(ele,begin)下标从末尾查找第一个
a.find( (ele,index,array) => ele.age<18 )某个ele第一个匹配的元素
a.findIndex( (ele,index,array) => ele.age<18 )某个ele第一个匹配的元素的索引
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-07-22 14:04:22  更:2021-07-22 14:06:03 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年3日历 -2024/3/29 16:22:37-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码