位置: IT常识 - 正文

js数组常用方法(19种)|你会的到底有多少呢?(js数组常用方法有哪几种)

编辑:rootadmin
js数组常用方法(19种)|你会的到底有多少呢? 一、改变原数组的方法1.push() 末尾添加数据

推荐整理分享js数组常用方法(19种)|你会的到底有多少呢?(js数组常用方法有哪几种),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js数组方法有哪些,js数组操作方法,js数组操作方法,js数组操作方法,js数组常用方法有哪几种,js数组常用方法是什么,js数组常用方法有哪几种,js数组常用方法是什么,内容如对您有帮助,希望把文章链接给更多的朋友!

语法: 数组名.push(数据)

作用: 就是往数组末尾添加数据

返回值: 就是这个数组的长度

//pushvar arr = [10, 20, 30, 40]res = arr.push(20)console.log(arr);//[10,20,30,40,20]console.log(res);//52. pop() 末尾出删除数据

语法:数组名.pop()

作用: 就是从数组的末尾删除一个数据

返回值: 就是你删除的那个数据

//popvar arr = [10, 20, 30, 40] res =arr.pop()console.log(arr);//[10,20,30]console.log(res);//403.unshift() 头部添加数据

语法: 数组名.unshift(数据)

作用: 就是在数组的头部添加数据

返回值: 就是数组的长度

//pop var arr = [10, 20, 30, 40] res=arr.unshift(99) console.log(arr);//[99,10,20,30,40] console.log(res);//5 4.shift() 头部删除数据

语法: 数组名.shift()

作用: 头部删除一个数据

返回值: 就是删除掉的那个数据

//shift var arr = [10, 20, 30, 40] res=arr.shift() console.log(arr);[20,30,40] console.log(res);105.reverse() 翻转数组

语法: 数组名.reverse()

作用: 就是用来翻转数组的

返回值: 就是翻转好的数组

//reversevar arr = [10, 20, 30, 40]res=arr.reverse()console.log(arr);//[40,30,20,10]console.log(res);//[40,30,20,10]6.sort() 排序

语法一: 数组名.sort()                       会排序 会按照位排序

语法二: 数组名.sort(function (a,b) {return a-b})  会正序排列

语法三: 数组名.sort(function (a,b) {return b-a})  会倒序排列

//sort()var arr = [2, 63, 48, 5, 4, 75, 69, 11, 23]arr.sort()console.log(arr);arr.sort(function(a,b){return(a-b)})console.log(arr);arr.sort(function(a,b){return(b-a)})console.log(arr);

 

7.splice()  截取数组

语法一: 数组名.splice(开始索引,多少个)

作用: 就是用来截取数组的

返回值: 是一个新数组 里面就是你截取出来的数据

语法二: 数组名.splice(开始索引,多少个,你要插入的数据)

作用: 删除并插入数据

注意: 从你的开始索引起

返回值: 是一个新数组 里面就是你截取出来的数据

//splice() 语法一var arr = [2, 63, 48, 5, 4, 75]res = arr.splice(1,2)console.log(arr);console.log(res);//******************************//splice() 语法二var arr = [2, 63, 48, 5, 4, 75]res = arr.splice(1,1,99999,88888)console.log(arr);console.log(res);二、不改变原数组的方法1.concat()  合并数组

语法: 数组名.concat(数据)

作用: 合并数组的

返回值: 一个新的数组

//concatvar arr = [10, 20, 10, 30, 40, 50, 60]res = arr.concat(20,"小敏",50)console.log(arr) console.log(res);2.join() 数组转字符串

语法:数组名.join('连接符')

作用: 就是把一个数组转成字符串

返回值: 就是转好的一个字符串

//joinvar arr = [10, 20, 10, 30, 40, 50, 60]res = arr.join("+")console.log(arr)console.log(res);3.slice()截取数组的一部分数据

语法: 数组名.slice(开始索引,结束索引)

作用: 就是截取数组中的一部分数据

返回值: 就是截取出来的数据 放到一个新的数组中

注意: 包前不好后 包含开始索引不包含结束索引

//slicevar arr = [10, 20, 10, 30, 40, 50, 60]res = arr.slice(1,4)console.log(arr)console.log(res);4.indexOf 从左检查数组中有没有这个数值

语法一:数组名.indexOf(要查询的数据)

作用: 就是检查这个数组中有没有该数据

如果有就返回该数据第一次出现的索引

如果没有返回 -1

语法二:数组名.indexOf(要查询的数据,开始索引)

//indexOf 语法一var arr = [10, 20, 10, 30, 40, 50, 60]res = arr.indexOf(10)console.log(arr)console.log(res);//*************************************//indexOf 语法二var arr = [10, 20, 10, 30, 40, 50, 60]res = arr.indexOf(10,1)console.log(arr)console.log(res);5.lastIndexOf 从右检查数组中有没有这个数值

语法一:数组名.indexOf(要查询的数据)

作用: 就是检查这个数组中有没有该数据

如果有就返回该数据第一次出现的索引

如果没有返回 -1

语法二:数组名.lastIndexOf(要查询的数据,开始索引)

//lastIndexOf 语法一var arr = [10, 20, 10, 30, 40, 50, 60]res = arr.lastIndexOf(50)console.log(arr) console.log(res);//*************************************//lastIndexOf 语法二var arr = [10, 20, 10, 30, 40, 50, 60]res = arr.lastIndexOf(50,4)console.log(arr)console.log(res);三、ES6新增的数组方法1. forEach()   用来循环遍历的 for

语法: 数组名.forEach(function (item,index,arr) {})

 + item : 这个表示的是数组中的每一项

js数组常用方法(19种)|你会的到底有多少呢?(js数组常用方法有哪几种)

 + index : 这个表示的是每一项对应的索引

 + arr : 这个表示的是原数组

作用: 就是用来循环遍历数组的 代替了我们的for

返回值: 没有返回值 如果真的说要有返回值就是undefined

//forEachvar arr = [1, 2, 3, 4, 5]console.log('原始数组 : ', arr);var res = arr.forEach(function (item, index, arr) { console.log(item, "------", index, "-------", arr);})2.map  映射数组的

语法: 数组名.map(function (item,index,arr) {})

+ item : 这个表示的是数组中的每一项

+ index : 这个表示的是每一项对应的索引

+ arr : 这个表示的是原数组

作用: 就是用来映射

返回值: 必然是一个数组 一个映射完毕的数组;这个数组合原数组长度一样

注意: 要以return的形式执行返回条件

//mapvar arr = [1, 2, 3, 4, 5]console.log('原始数组 : ', arr);var res = arr.map(function (item) { return item*1000})console.log(res);3.filter  过滤数组

语法: 数组名.filter(function (item,index,arr) {})

 + item : 这个表示的是数组中的每一项

 + index : 这个表示的是每一项对应的索引

 + arr : 这个表示的是原数组

作用: 用来过滤数组的

返回值: 如果有就是过滤(筛选)出来的数据 保存在一个数组中;如果没有返回一个空数组

注意: 要以return的形式执行返回条件

//filtervar arr = [1, 2, 3, 4, 5]console.log('原始数组 : ', arr);var res = arr.filter(function (item) { return item > 2})console.log(res);4.every  判断数组是不是满足所有条件

语法: 数组名.every(function (item,index,arr) {})

+ item : 这个表示的是数组中的每一项

+ index : 这个表示的是每一项对应的索引

+ arr : 这个表示的是原数组

作用: 主要是用来判断数组中是不是 每一个 都满足条件

     只有所有的都满足条件返回的是true

     只要有一个不满足返回的就是false

返回值: 是一个布尔值

注意: 要以return的形式执行返回条件

//everyvar arr = [1, 2, 3, 4, 5]console.log('原始数组 : ', arr);var res = arr.every(function (item) { return item > 0})console.log(res);//打印结果 true5.some() 数组中有没有满足条件的

语法: 数组名.some(function (item,index,arr) {})

+ item : 这个表示的是数组中的每一项

+ index : 这个表示的是每一项对应的索引

+ arr : 这个表示的是原数组

作用: 主要是用来判断数组中是不是 每一个 都满足条件

     只有有一个满足条件返回的是true

     只要都不满足返回的就是false

返回值: 是一个布尔值

注意: 要以return的形式执行返回条件

//somevar arr = [1, 2, 3, 4, 5]console.log('原始数组 : ', arr);var res = arr.some(function (item) { return item > 3})console.log(res);//true6.find()用来获取数组中满足条件的第一个数据

语法: 数组名.find(function (item,index,arr) {})

+ item : 这个表示的是数组中的每一项

+ index : 这个表示的是每一项对应的索引

+ arr : 这个表示的是原数组

作用: 用来获取数组中满足条件的数据

返回值: 如果有 就是满足条件的第一个数据;如果没有就是undefined

注意: 要以return的形式执行返回条件

//findvar arr = [1, 2, 3, 4, 5]console.log('原始数组 : ', arr);var res = arr.find(function (item) { return item > 3})console.log(res)//47.reduce()叠加后的效果       

语法: 数组名.reduce(function (prev,item,index,arr) {},初始值)

+ prev :一开始就是初始值 当第一次有了结果以后;这个值就是第一次的结果

+ item : 这个表示的是数组中的每一项

+ index : 这个表示的是每一项对应的索引

+ arr : 这个表示的是原数组

作用: 就是用来叠加的

返回值: 就是叠加后的结果

注意: 以return的形式书写返回条件

//reducevar arr = [1, 2, 3, 4, 5]var res = arr.reduce(function (prev, item) { return prev *= item}, 1)console.log(res);//120

如有错误,欢迎反馈!!!

本文链接地址:https://www.jiuchutong.com/zhishi/297582.html 转载请保留说明!

上一篇:js路由跳转的几种方式以及介绍(js前端路由)

下一篇:Vue中 Vue-Baidu-Map基本使用

  • 快手怎么设置我作品权限呢(快手怎么设置我看过的别人不可能看见)

    快手怎么设置我作品权限呢(快手怎么设置我看过的别人不可能看见)

  • 华为的盲人模式在哪设置(华为的盲人模式怎么能快捷打开)

    华为的盲人模式在哪设置(华为的盲人模式怎么能快捷打开)

  • 抖音怎么给对方发红包(抖音怎么给对方发微信号码)

    抖音怎么给对方发红包(抖音怎么给对方发微信号码)

  • 华为荣耀v30pro生产日期(荣耀v30proemui)

    华为荣耀v30pro生产日期(荣耀v30proemui)

  • 快手极速版能用几个账号(快手极速版能用支付宝提现吗)

    快手极速版能用几个账号(快手极速版能用支付宝提现吗)

  • keep可以在电脑上用吗(keep可以在电脑播放吗)

    keep可以在电脑上用吗(keep可以在电脑播放吗)

  • 京喜上下单返现是直接返的吗(京喜买东西返现)

    京喜上下单返现是直接返的吗(京喜买东西返现)

  • 电源关了监控还在录吗(电源关了监控还有用吗)

    电源关了监控还在录吗(电源关了监控还有用吗)

  • 当前登录环境存在异常被限制登录(当前登录环境存在异常是什么原因)

    当前登录环境存在异常被限制登录(当前登录环境存在异常是什么原因)

  • qq大会员黄钻和会员会亮吗(qq黄钻和qq会员有什么区别)

    qq大会员黄钻和会员会亮吗(qq黄钻和qq会员有什么区别)

  • 云计算是对什么技术的发展与运用(云计算的作用)

    云计算是对什么技术的发展与运用(云计算的作用)

  • 打印机怎么彩印(brother打印机怎么彩印)

    打印机怎么彩印(brother打印机怎么彩印)

  • 苹果连拍600张什么意思(iphone连拍600张照有影响吗)

    苹果连拍600张什么意思(iphone连拍600张照有影响吗)

  • qq怎么看最近和谁聊天(qq最近和谁聊天)

    qq怎么看最近和谁聊天(qq最近和谁聊天)

  • beatssolo3安卓能用吗(beatssolo3可以连接安卓手机吗)

    beatssolo3安卓能用吗(beatssolo3可以连接安卓手机吗)

  • 抖音模糊镜头怎么拍的(抖音模糊镜头怎么调)

    抖音模糊镜头怎么拍的(抖音模糊镜头怎么调)

  • word如何删除脚注(word如何删除脚注上方的横线)

    word如何删除脚注(word如何删除脚注上方的横线)

  • 小米8恢复的照片在哪(小米恢复的照片在哪儿找)

    小米8恢复的照片在哪(小米恢复的照片在哪儿找)

  • 快影如何转场(快影如何转场无缝隙教程)

    快影如何转场(快影如何转场无缝隙教程)

  • 华为mate20录屏在哪里(华为mate20录屏在输密码黑屏怎么解决)

    华为mate20录屏在哪里(华为mate20录屏在输密码黑屏怎么解决)

  • 手机应用图标不见了怎么办(手机应用图标不更新)

    手机应用图标不见了怎么办(手机应用图标不更新)

  • 网速慢提升网速的方法(提升一下网速)

    网速慢提升网速的方法(提升一下网速)

  • win10 iOS镜像版激活秘钥/神key分享 附kms激活工具+教程(苹果专用win10镜像下载)

    win10 iOS镜像版激活秘钥/神key分享 附kms激活工具+教程(苹果专用win10镜像下载)

  • 一般纳税人季报怎么申报
  • 个人是否可以申请精神司法鉴定
  • 消费税的会计处理分录
  • 工程奖励金算收入吗
  • 经营许可证要交税吗
  • 基本户没有注销对法人有影响吗
  • 计提工会经费为什么是增项
  • 新个税年终奖怎么申报
  • 固定资产折旧方法有几种
  • 汽车折旧年份
  • 劳务费发票可以含材料费吗
  • 营改增工程计价规则
  • 客运服务是指
  • 付敏科技有限公司官网
  • 专票什么公司才能开
  • 个体工商户是否需要缴纳印花税
  • 公司对外投资的规定
  • 农村合作社收到奖金分录
  • 工程费用包括哪几类
  • 商品和安装能开什么发票
  • 企业成本费用包括哪些
  • 多次出库的商品最后一起结账的分录怎么写?
  • 物流公司支付运费怎么做账
  • 工程施工质量罚款措施
  • 二级路由器怎么配置
  • 豁免债权如何做账
  • thinkphp3.x中display方法及show方法的用法实例
  • 企业所得税季度预缴是什么意思
  • 写字楼租赁房产税
  • 微信公众号开发php源码
  • vue backbone
  • iis部署javaweb
  • vue3配置文件
  • 超参数及其作用
  • 增值税专用发票抵扣期限
  • 残保金补申报后处罚会自动取消吗
  • 弃置费用摊销例题
  • 开发产品的成本
  • 外埠施工企业
  • 小规模纳税企业在应交增值税明细科目
  • 刷pos机的如何记会计分录
  • 收到企业所得税汇算清缴退税账务处理
  • 深圳市企业稳岗补贴标准
  • 以前年度损益调整账务处理分录
  • 计提地税会计分录怎么做
  • 电子设备计税基础
  • 广告公司奖金激励分配方案
  • 给员工缴纳的雇工保险
  • 应收账款因质量问题被扣除的损失可以税前扣除吗
  • 日常生活中各种形式的能量的转化
  • 支付技术转让费怎么入账
  • 金融资产发生的负债包括
  • 跨年的费用怎么调整
  • 定额发票收入怎么样确定
  • 无发票的费用怎么处理
  • 应收票据背书转让不终止确认如何记账
  • 勾选发票必须当月认证吗
  • 从别的公司买承兑汇票
  • XP系统提示QQprotect.exe损坏文件的解决方法图文教程
  • 登录ubuntu桌面
  • u启动如何装系统
  • 拖放文件到此处来添加文件是什么意思
  • ubuntu系统安装谷歌浏览器
  • mac怎么设置默认打开方式
  • linux系统的配置设计过程
  • win7电脑能登qq但打不开网页怎么办
  • win7玩穿越火线电脑应该怎么设置
  • linux deploy 无root
  • 封装windows7
  • windows to go教程
  • window10的ie
  • nodejs做接口
  • opengl glu
  • js开发组件
  • jquery有哪些
  • python语言文件
  • javascript获取html元素的方法
  • javascript中array的正确写法
  • 税务大厅买票需要什么东西
  • 县税务局可以去市里吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设