首页 > 编程语言 >JavaScript --- 数组常用方法(3)

JavaScript --- 数组常用方法(3)

时间:2024-09-20 23:20:24浏览次数:10  
标签:200 arr price JavaScript --- item arr2 数组 var

foreach 遍历

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //foreach 遍历
        var arr = ["aaa","bbb","ccc","ddd"]
        // 回调函数
        arr.forEach(function(item,index,arr){
            console.log(item,index,arr)
        }
    </script>
</body>
</html>

 map映射  

把arr里面的值都变成“xiaoming”

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //map映射  把arr里面的值都变成“xiaoming”
        var arr = [1,2,3,4,5]
        var arr2 = arr.map(function(item){
            return "xiaoming"
        })
        console.log(arr2)
    </script>
</body>
</html>

filter 过滤

 过滤出大于200的数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // filter 过滤
        var arr = [100,200,300,400]
        var arr2 = arr.filter(function(item){
            return item>200
        })
        console.log(arr2)
    </script>
</body>
</html>

 过滤对象中price大于200的

 // filter 过滤对象
        var arr = [
            {name:"aaa",price:100},
            {name:"bbb",price:200},
            {name:"ccc",price:300},
        ]
        // var arr = [100,200,300,400]
        var arr2 = arr.filter(function(item){
            return item.price>200
        })
        console.log(arr2)

  every

数组里每一个都要符合条件显示true,否则false

// every 每一个都要符合条件显示true,否则false
        var arr = [80,90,92,94]
        var arr2 = arr.every(function(item){
            return item>=90
        })
        console.log(arr2)

 

some

some 只要一个满足条件就是true

// some 只要一个满足条件就是true
        var arr = [80,10,20,30]
        var arr2 = arr.some(function(item){
            return item>=50
        })
        console.log(arr2)
    </script>

find

只能找出符合条件的第一项

// find只能找出符合条件的第一项
        var arr = [
            { name: "aaa", price: 100 },
            { name: "bbb", price: 200 },
            { name: "ccc", price: 300 },
            { name: "ddd", price: 100 }
        ]
        var arr2 = arr.find(function(item){
            return item.price===100
        })
        console.log(arr2)

reduce 叠加 

// reduce 叠加
            var arr = [1,2,3,4,5]
            var arr2 = arr.reduce(function(prev,item){
                return prev+item

            },0)
            console.log(arr2)

标签:200,arr,price,JavaScript,---,item,arr2,数组,var
From: https://blog.csdn.net/weixin_58694594/article/details/142406768

相关文章

  • 中移ML307开发板板载蓝牙使用教程-下载和运行第一个程序
    <p><iframename="ifd"src="https://mnifdv.cn/resource/cnblogs/ML307_OPEN_BLE"frameborder="0"scrolling="auto"width="100%"height="1500"></iframe></p>  开发单片机准备工作一,安装......
  • day2-2
    今天进行了一次小测验,仍与基础的增删改查有关。题目的要求是通过Java写出一个建议系统,能够历遍输出各个数据,能够添加,删除,修改数据,能够根据编号查找到对应的数据。程序如下该程序能够完成这些要求,也具有一定的健全性。......
  • [leetcode刷题]面试经典150题之3删除有序数组中的重复项(简单)
    题目 删除有序数组中的重复项给你一个 非严格递增排列 的数组 nums ,请你 原地 删除重复出现的元素,使每个元素 只出现一次 ,返回删除后数组的新长度。元素的 相对顺序 应该保持 一致 。然后返回 nums 中唯一元素的个数。考虑 nums 的唯一元素的数量为 k ,你......
  • [leetcode刷题]面试经典150题之5多数元素元素(简单)【附Boyer-Moore 投票算法(摩尔投票法
    很有意思的一个题,想了半天没想出来,最后发现两行代码就做出来了。写完后学习到还可以用Boyer-Moore投票算法,能减小空间复杂度,我把它写在后面,可以进一步学习。题目  多数元素给定一个大小为 n 的数组 nums ,返回其中的多数元素。多数元素是指在数组中出现次数 大于 ⌊......
  • 如何选择OS--Windows不同Editions的选用
    写在前言:       本学期承担了计算机操作系统的专业课程,授课对象是大三\大四的童鞋,毕竟这门课主要是以理论学习为主,理论太过于经典(知识抽象、陈旧、枯燥),所以贴上一些当前使用的东西给童鞋们参阅吧。……^v^……第一部分关于microsoft的windowsos。《内容参考Compar......
  • 计算机毕业设计选题推荐-基于SpringBoot的微信小程序|UniApp项目推荐(中)
    博主介绍:✌十余年IT大项目实战经验、在某机构培训学员上千名、专注于本行业领域✌技术范围:Java实战项目、Python实战项目、微信小程序/安卓实战项目、爬虫+大数据实战项目、Nodejs实战项目、PHP实战项目、.NET实战项目、Golang实战项目。主要内容:系统功能设计、开题报告......
  • 计算机毕业设计选题推荐-基于SpringBoot的微信小程序|UniApp项目推荐(下)
    博主介绍:✌十余年IT大项目实战经验、在某机构培训学员上千名、专注于本行业领域✌技术范围:Java实战项目、Python实战项目、微信小程序/安卓实战项目、爬虫+大数据实战项目、Nodejs实战项目、PHP实战项目、.NET实战项目、Golang实战项目。主要内容:系统功能设计、开题报告......
  • MySQL 中的 UTF-8 与 UTF8MB4:差异解析
    在MySQL数据库中,字符集的选择对于数据的存储和处理至关重要。其中,UTF-8和UTF8MB4是两个常见的字符集选项。那么,它们之间到底有什么区别呢?一、字符集简介UTF-8UTF-8(8-bitUnicodeTransformationFormat)是一种可变长度的字符编码方式,可以表示世界上几乎所有的字符。它使......
  • 二级C语言2023-9易错题
    1二叉树结点数计算:一棵二叉树有10个度为1的结点,7个度为2的结点,则该二叉树共有____个结点。解:2指针:有以下程序#inctude<stdio.h>#include<stdlib.h>main(){ int*a,*b,*c; a=b=c=(int*)malloc(sizeof(int)); *a=1;*b=2,*c=3; a=b; printf("%d,%d,%d\n",*a,*b,*c);}程序......
  • (066)FPGA时钟--->(016)异步时钟
    1目录(a)FPGA简介(b)Verilog简介(c)时钟简介(d)异步时钟(e)结束1FPGA简介(a)FPGA(FieldProgrammableGateArray)是在PAL(可编程阵列逻辑)、GAL(通用阵列逻辑)等可编程器件的基础上进一步发展的产物。它是作为专用集成电路(ASIC)领域中的一种半定制电路而出现的,既解决了定制电路的不足,又......