iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >详解JavaScriptes6的新增数组方法
  • 822
分享到

详解JavaScriptes6的新增数组方法

2024-04-02 19:04:59 822人浏览 独家记忆
摘要

目录1. forEach()2. arr.filter()3. arr.every()4. arr.map()5. arr.some()总结 1. forEach() 遍历数组,无r

1. forEach()

遍历数组,无return 即使有return,也不会返回任何值,并且会影响原来的数组

callback的参数

value --当前索引的值

index --索引

arr --原数组


		let arr = ["a", "b", "c", 1, 2, 3];
        
        arr.forEach((value, index, arr) => {
            console.log(value, index, arr);
        })

输出:

在这里插入图片描述

2. arr.filter()

过滤数组,返回一个满足要求的数组

callback的参数:

value --当前索引的值

index --索引


let arr = [1,2,3,4,5]
let arr1 = arr.filter( (value, index) => value%2 === 0)
console.log(arr1)    // [2, 4]

3. arr.every()

依据判断条件,数组的元素是否全满足,若满足则返回ture

callback的参数:

value --当前索引的值

index --索引


let arr = [1,2,3,4,5]
let arr1 = arr.every( (value, index) =>value<2)
console.log(arr1) // false
let arr2 = arr.every( (value, index) =>value<6)
console.log(arr2)  // true

4. arr.map()

映射数组(遍历数组),有return 返回一个新数组 。

callback的参数:

value --当前索引的值

index --索引

array --原数组


let arr = [1,2,3,4,5]
arr.map( (value,index,array)=>{
        value = value * 2
        console.log(`value:${value}    index:${index}     array:${array}`)
})   
console.log(arr)

结果:

在这里插入图片描述


var arr1 = [1,2,3,4]; 
var res1 = arr1.map((item,index,arr)=>{ 
 item = item * 3; 
 return item; 
})
console.log(arr1); // [1,2,3,4]
console.log(res1); // [3,6,9,12]

5. arr.some()

依据判断条件,数组的元素是否有一个满足,若有一个满足则返回ture

callback的参数:

value --当前索引的值

index --索引


let arr = [1,2,3,4,5]
let arr1 = arr.some( (value, index) => value < 3)
console.log(arr1) // true
let arr2 = arr.some( (value, index) => value > 6)
console.log(arr2) // false

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注编程网的更多内容!

--结束END--

本文标题: 详解JavaScriptes6的新增数组方法

本文链接: https://www.lsjlt.com/news/158739.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 详解JavaScriptes6的新增数组方法
    目录1. forEach()2. arr.filter()3. arr.every()4. arr.map()5. arr.some()总结 1. forEach() 遍历数组,无r...
    99+
    2024-04-02
  • 关于ES6中数组新增的方法详解
    目录在ES6之前,创建数组的方式有2种:Array.find((item,indexArr,arr)=>{}) 掌握Array.findIndex((item, index, ...
    99+
    2024-04-02
  • es6新增的数组方法有哪些
    这篇文章主要介绍“es6新增的数组方法有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“es6新增的数组方法有哪些”文章能帮助大家解决问题。 ...
    99+
    2024-04-02
  • ES6中数组新增的方法有哪些
    小编给大家分享一下ES6中数组新增的方法有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!在ES6之前,创建数组的方式有2种:一: 通过数组字面量let&nbs...
    99+
    2023-06-29
  • java 数组新增元素的两种方法
    数组在使用前,长度就已固定,所以原数组长度是不能再改变了,基于此,提供如下两种方式,添加元素数据 1创建一个新数组,长度为原数组加1,然后将原数组数据添加到新数组,最后再添加需要的新数据         String[] s1 = {"a"...
    99+
    2023-09-03
    算法 开发语言 java
  • JavaScript es6的新增数组方法有哪些
    这篇文章主要讲解了“JavaScript es6的新增数组方法有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript es6的新增数组方法有哪些”吧!1...
    99+
    2023-06-21
  • es6中新增的数组方法怎么使用
    本文小编为大家详细介绍“es6中新增的数组方法怎么使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“es6中新增的数组方法怎么使用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。es6数组方法有:1、Array....
    99+
    2023-07-05
  • ES6新增的数组方法和对象有哪些
    这篇文章主要为大家展示了“ES6新增的数组方法和对象有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“ES6新增的数组方法和对象有哪些”这篇文章吧。es6新增...
    99+
    2024-04-02
  • es6中数组新增常用的方法有哪些
    这篇文章主要介绍“es6中数组新增常用的方法有哪些”,在日常操作中,相信很多人在es6中数组新增常用的方法有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”es6中数组新增...
    99+
    2024-04-02
  • ES6中数组array新增方法的示例分析
    小编给大家分享一下ES6中数组array新增方法的示例分析,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!●find :let arr=[1,2,234,'sdf'...
    99+
    2024-04-02
  • ES6数组新增方法知识点有哪些
    这篇文章主要介绍“ES6数组新增方法知识点有哪些”,在日常操作中,相信很多人在ES6数组新增方法知识点有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”ES6数组新增方法知...
    99+
    2024-04-02
  • 详解Vue新增内置组件的使用
    目录一、Teleport1.1 Teleport 介绍1.2 使用 Teleport1.3 预览效果二、Suspense2.1 介绍 Suspense2.2 使用 Suspense2...
    99+
    2024-04-02
  • JS怎么模拟实现ECMAScript5新增的数组方法
    小编给大家分享一下JS怎么模拟实现ECMAScript5新增的数组方法,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!ECMAScript5 新增了十个数组方法,这些方法只有在ie9及以上浏...
    99+
    2024-04-02
  • 详解JS数组方法
    目录一、会修改原数组1.push():2.pop():3.shift():4.unshift():5.splice():6.sort():7.reverse():二、不修改...
    99+
    2024-04-02
  • php数组中增加值的方法
    这篇文章将为大家详细讲解有关php数组中增加值的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。PHP开发环境搭建工具有哪些一、phpStudy,是一个新手入门最常用的开发环境。二、WampServer...
    99+
    2023-06-15
  • 解析 PHP 数组转 JSON 的新方法
    php 数组转 json 有两种新方法:jsonserializable 接口: 允许对象定义自己的 json 表示形式。jsonencodereplaceflags: 控制特殊字符的处...
    99+
    2024-05-01
    php json
  • javascript数组的内置方法详解
    目录1.Array.at()2. Array.copyWithin()3. Array.entries()4. Array.fill()5.find()总结1.Array.at() ...
    99+
    2024-04-02
  • JavaScript创建数组的方法详解
    目录JavaScript创建数组数组的使用将数组转换为分割字符串数组中新增元素筛选数组删除数组指定元素总结JavaScript创建数组 1.利用new创建数组 var arr =...
    99+
    2024-04-02
  • JS数组降维的方法详解
    本篇内容介绍了“JS数组降维的方法详解”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!JS是什么JS是JavaScript的简称,它是一种直译...
    99+
    2023-06-14
  • 详解JavaScript数组的常用方法
    目录数组的常用方法pop()unshift()shift()slice()splice()数组元素去重concat()join()reverse()sort()总...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作