JS数组常用方法详解

news/2024/10/17 20:19:09/

文章目录

  • 一、splice() 方法介绍
      • 1.1 常规裁剪数组
      • 1.2 裁剪后并追加数据
  • 二、sort() 方法介绍
      • 2.1 从到小到大(X - Y)
      • 2.2 从到大到小(Y - X)
      • 2.3 根据对象中的某个值,将对象进行排序
  • 三、concat() 方法介绍
  • 四、every() 方法介绍
  • 五、some() 方法介绍
  • 六、filter() 方法介绍
  • 七、map() 方法介绍
  • 八、forEachr() 方法介绍
  • 九、reduce() 方法介绍


一、splice() 方法介绍

splice() 常用于对数组进行裁剪,可以接收三个参数。

  • 参数一:从数组的第几项开始裁剪
  • 参数二:裁剪掉多少项
  • 参数三(不必传):追加什么数据

1.1 常规裁剪数组

let arr = [1,2,3,4,5]
let arr1 = arr.splice(0,2)
console.log(arr)   // 输出结果:[3, 4, 5]
console.log(arr1)  // 输出结果:[1, 2]

1.2 裁剪后并追加数据

let arr = [1,2,3,4,5]
let arr1 = arr.splice(1,1,10,20,30)
console.log(arr)   // 输出结果:[1, 10, 20, 30, 3, 4, 5]
console.log(arr1)  // 输出结果:[2]

二、sort() 方法介绍

sort() 常用于对数组进行排序,既能对简单数组进行排序,也能根据对象中的某个值,对 对象进行排序

  • X - Y:从小到大排序
  • Y - X:从大到小排序

2.1 从到小到大(X - Y)

 let arr = new Array(6,5,2,8,19,35,5)arr.sort((x,y)=>x-y)   // 从小到大排列console.log(arr)       // 输出结果:[2, 5, 5, 6, 8, 19, 35]

2.2 从到大到小(Y - X)

 let arr = new Array(6,5,2,8,19,35,5)arr.sort((x,y)=>y-x)   // 从小到大排列console.log(arr)       // 输出结果:[35, 19, 8, 6, 5, 5, 2]

2.3 根据对象中的某个值,将对象进行排序

let arr = [{name: "张三",age: 25,},{name: "李四",age: 23,},{name: "王五",age: 30,},
];
// 根据 age ,从小到大排序
arr.sort((x, y) => x.age - y.age);
console.log(arr);
// 输出结果如下:
// [
//  {name: "李四",age: 23,},
//  {name: "张三",age: 25,},
//  {name: "王五",age: 30,},
// ]

三、concat() 方法介绍

let arr1 =new Array(1,2,3)
let arr2 =new Array(5,6,7)
// 将 arr1 与 arr2进行连接
let arr3= arr1.concat(arr2)
console.log(arr3);     // 输出结果;[1, 2, 3, 5, 6, 7]// 将 arr1、arr2、10,11,12 进行连接
let arr4= arr1.concat(arr2,10,11,12)
console.log(arr4);    // 输出结果;[1, 2, 3, 5, 6, 7, 10, 11, 12]

四、every() 方法介绍


五、some() 方法介绍


六、filter() 方法介绍


七、map() 方法介绍


八、forEachr() 方法介绍


九、reduce() 方法介绍


http://www.ppmy.cn/news/1003172.html

相关文章

SQL注入 ❤ ~~~ 网络空间安全及计算机领域常见英语单词及短语——网络安全(二)

SQL注入 ❤ 学网安英语 大白话讲SQL注入SQL注入原理1. 用恶意拼接查询进行SQL注入攻击2. 利用注释执行非法命令进行SQL注入攻击3. 利用传入非法参数进行SQL注入攻击4. 添加额外条件进行SQL注入攻击 时间和布尔盲注时间盲注(Time-Based Blind SQL Injection&#xf…

史上最全docker启动命令

docker Docker 启动镜像 一、查看当前docker中下载的镜像,如下图,当前我的Docker容器中存在两个镜像 ,tomcat、mysql 二、启动镜像 (因启动命令参数过多,同时各种镜像启动时可以增加额外的参数,本次以启动mysql5.6为例…

网络音频终端音频编码解码终端

网络对讲终端SV-7011V 网络对讲终端SV-7011V,采用了ARM音频DSP架构,集网络对讲、网络广播、监听等功能于一身,内置麦克风、配置line out、line in、Mic in功能输出接口,适用于学校,机场,广场等场所。 产品…

Unity技术框架集合、Unity技术栈汇总

引擎技术尝试 [Animancer-Pro] (https://assetstore.unity.com/packages/tools/animation/animancer-pro-116514) (基于Playable的简单强大的动画解决方案)[ProBuilder/UModeler] (https://assetstore.unity.com/packages/tools/modeling/umodeler-80868) (快速关卡原型构建…

GO语言语法结构

GO语言结构 包声明引入包函数变量语句 && 表达式注释 package main import "fmt" func main() {fmt.Println("Hello,World!") } 如这段代码块根据上面的语法结构进行逐行解释 第一行的 package main 是定义一个包名,必须在源文件…

FFmpeg中相关结构体介绍

AVFormatContext:此结构体存储音视频封装格式中包含的信息,并且这个结构体是贯穿整个播放流程的。在这个结构体中主要包含AVInputFormat,AVOutputFormat、AVStream等。 struct AVInputFormat *iformat; // 输入数据的封装格式 AVIOContext *…

Windows环境下Node.js二进制版安装教程

文章目录 前言一 下载Node.js二 设置环境变量三 配置全局安装和缓存路径四 设置仓库 前言 新版的Node.js已自带npm,就在Node.js下载完成解压后的文件内,的node_modules包中。 npm的作用:是对Node.js依赖的包进行管理,类似maven。…

【cluster_block_exception】写操作elasticsearch索引报错

【cluster_block_exception】操作elasticsearch索引b报错 背景导致原因:解决方法: 背景 今天线上elk的数据太多,服务器的空间不足了。所以打算删除一些没用用的数据。我是用下面的request: POST /{index_name}/_delete_by_query…