js 数组实用函数

淡淡的烟草味﹌ 2022-12-28 08:12 202阅读 0赞

**1.map**

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

let arr = [1,22,34,56,76,89]
    let arr2 = arr.map((val,index,arr) => {
        return val + '修改'
    })
    // arr   ["1修改", "22修改", "34修改", "56修改", "76修改", "89修改"]
    // arr2  [1,22,34,56,76,89]

**2.reduce**

语法  
arr.reduce((total, currentValue, currentIndex, arr) => \{\},initialValue)

arr 操作的原始数组

total上一次调用的返回值，第一次调用是初始值 即 int

currentValue正在处理的当前数组元素

currentIndex当前正在处理的数组的索引

initialValue累计的初始化值

let arr = [1,22,34,56,76,89]
    let total = arr.reduce((total,val)=>{
        return total + val
    })
    console.log(total)
    // 278

实际事例：[根据对象的路径修改对象下的属性][Link 1]

**3.filter**

过滤器，筛选出符合要求的数据。

arr.filter((currentValue,index,arr)=>{ return true||false }, thisValue)

arr 原始数组

currentValue 当前循环到的val值

index 当前循环到的索引值

根据return的值来决定是否添加到新的数组里返回出来

let arr = [1,22,34,56,76,89]
    let arr2= arr.reduce((val,index)=>{
        return val > 11 && index > 3
    })
    console.log(arr2)
    // [76, 89]

**4.find**

find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。

find() 方法为数组中的每个元素都调用一次函数执行：

语法

arr.find(function(currentValue, index, arr) => { return true||false },thisValue)

arr 原始数组

currentValue 当前循环到的val值

index 当前循环到的索引值

和**filter** 的区别，fiter 返回的是一个符合条件的数组，**find**数组的第一个元素的值。

**5.findeIndex**

和find 区别是返回 第一个符合条件的索引

**6.every**

every() 方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。

every() 方法使用指定函数检测数组中的所有元素：

*  如果数组中检测到有一个元素不满足，则整个表达式返回 *false* ，且剩余的元素不会再进行检测。
 *  如果所有元素都满足条件，则返回 true。

语法

array.every(function(currentValue,index,arr),thisValue)

**7.some**

some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。

some() 方法会依次执行数组的每个元素：

*  如果有一个元素满足条件，则表达式返回*true* , 剩余的元素不会再执行检测。
 *  如果没有满足条件的元素，则返回false。

语法

array.some(function(currentValue,index,arr),thisValue)

<script>console.log(document)</script>

[Link 1]: https://blog.csdn.net/banglei123/article/details/106488730

发表评论取消回复

表情：

评论列表（有 0 条评论，202人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS中的函数与数组

文章目录函数的定义与调用 ①、函数定义 ②、函数调用函数的参数与返回值 let与var关键字区别创建数组并使用

- 日理万妓/ 2023年10月12日 19:38/ 0 赞/ 46 阅读

相关 js实用技能

1、根据给定的字符完成颜色的补零操作如： let s = “ae” 拼接为 ‘\0000ae’ 要点：利用new Array(3).fill(‘0’) // \[‘

偏执的太偏执、/ 2023年02月22日 12:27/ 0 赞/ 25 阅读

相关 js 数组实用函数

1.map map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。 map() 方法按照原始数组元素顺序依次处理元素。 let arr =

淡淡的烟草味﹌/ 2022年12月28日 08:12/ 0 赞/ 203 阅读

相关 js基础04：数组 + 函数

JavaScript基础第04天笔记 1 - 数组 1.1 数组的概念数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素

小灰灰/ 2022年11月30日 01:35/ 0 赞/ 213 阅读

相关 js 实现数组元素交换位置（实用、赞）

原文出处：[https://www.cnblogs.com/dearxinli/p/6802151.html][https_www.cnblogs.com_dearxinli_

忘是亡心i/ 2022年10月05日 09:57/ 0 赞/ 550 阅读

相关 js数组排序实用方法集锦

[js数组排序实用方法集锦][js] 前言：据说程序员三个月就能忘记自己写的代码，所以最好是在有空的时候及时做些总结，记录下来，这样后边遇到类似问题的话，就可以直接先查看

亦凉/ 2022年10月02日 14:58/ 0 赞/ 194 阅读

相关学习JS之实用小函数

function addLoadEvent(func){//预加载添加多条指令函数 var oldonload = window.onload; i

水深无声/ 2022年07月12日 02:40/ 0 赞/ 182 阅读

相关 js_数据类型（数组、函数）

1、数组 a、数组的定义---定义数组时可以见名知意比如 names （复数） b、数组的特点　　数组的索引是从0开始的。　　![1151059-201

深藏阁楼爱情的钟/ 2021年12月20日 01:59/ 0 赞/ 328 阅读

相关 js实用算法

判断文本是否为回文定义：如果将一个文本翻转过来，能和原文本完全相等，那么就可以称之为“回文”。方法一（字符串、数组内置方法） <table style="bo

浅浅的花香味﹌/ 2021年09月15日 05:38/ 0 赞/ 258 阅读

相关 js_数据类型（数组、函数）

1、数组 a、数组的定义—-定义数组时可以见名知意比如 names （复数） b、数组的特点　　数组的索引是从0开始的。

你的名字/ 2021年04月01日 19:28/ 0 赞/ 682 阅读