js数组方法的使用(整理)
发布日期:2022-02-06 00:27:12 浏览次数:47 分类:技术文章

本文共 3681 字,大约阅读时间需要 12 分钟。

下面每个方法都有例子,可以把代码注释解开,然后运行案例。

  1. push()
  2. pop()
  3. shift()
  4. unshift()
  5. splice()
  6. filter()
  7. concat()
  8. slice()
  9. map()
  10. isArray()
  11. forEach()
  12. reduce()
  13. every()
  14. indexOf()
// 直接改变数组的方法 push()pop()shift()unshift()splice()        let arr = ['aaa','bbb','ccc']        // arr.push('111')          //在数组尾部添加一项                // console.log(arr);        //["aaa", "bbb", "ccc", "111"]                                // arr.pop()                //移除数组最后一项                // console.log(arr);        // ["aaa", "bbb"]                // arr.shift()              //移除数组第一项               // console.log(arr);        // ["bbb", "ccc"]                // arr.unshift('222')       //在数组头部添加一项                // console.log(arr);        //["222", "aaa", "bbb", "ccc"]                // arr.splice(0,1)             //第一个参数是删除的索引,第二个是删除的长度                // console.log(arr);           //["bbb", "ccc"]                         let arr1 = [2,1,4,7,3,5,6]                // arr1.sort()                     //数组按小到大排序                // console.log(arr1);              // [1, 2, 3, 4, 5, 6, 7]                // arr1.reverse()                      //将数组的元素进行倒叙                // console.log(arr1);                  //[6, 5, 3, 7, 4, 1, 2]
// 都会返回一个新的数组的方法 filter()concat()slice()map()        let arr2 = [1,2,3,4,5,6,7,8,9]                // // filter是过滤的意思,功能:过滤去偶数的项                // let newArr2 = arr2.filter((x)=>{                //     // x是数组中的每一个项                //     return x % 2 ==0                // })             // console.log(newArr2);               //[2, 4, 6, 8]                                // contact是合并的意思,功能:可以用来合并两个数组                // let newArr2 = arr2.concat(['ddd','333','eee'])                // console.log(newArr2);           // [1, 2, 3, 4, 5, 6, 7, 8, 9, "ddd", "333", "eee"]                                // slice是切片的意思,功能:可以用来截取数组中的一段,第一个参数是开始截取索引(取该元素),第二个是结束的截取索引(不取该元素)                // let newArr2 = arr2.slice(3,7)                // console.log(newArr2);               // [4, 5, 6, 7]                                // map是地图的意思,功能:可以用来处理数组中的数据,返回一个新的数组                // let newArr2 = arr2.map((x)=>{                //     // x是数组中的每一个项                //     return x*x                // })                // console.log(newArr2);               //[1, 4, 9, 16, 25, 36, 49, 64, 81]
// 其他数组方法 isArray()forEach()reduce()every()indexOf()        // isArray是否是一个数组,传入要判断的变量作为参数,功能:用来判断变量是否是一个数组                // console.log(Array.isArray(arr2));           //true                                        // forEach是一个for循环,功能:用于遍历数组                // arr2.forEach((x) =>{                //      // x是数组中的每一个项                //     console.log(x);                     //依次打印出1-9                            // })                                // reduce是减少的意思,功能:对数组中的每个元素执行函数,生成一个值(简便使用就是对数组元素求总和)                // prev上一次调用回调返回的值,或者是提供的初始值                // curr数组中当前被处理的元素                // index当前元素在数组中的索引                // array调用的数组                // let sum = arr2.reduce((prev,curr,index,array)=>{                //     console.log(prev,curr,index);                //     return prev + curr                // })                // // 输出传入的数组和数组每项相加的结果                // console.log(arr2,sum);  //[1, 2, 3, 4, 5, 6, 7, 8, 9] 45                        // every是每个的意思,功能:用于检查数组中每个元素是否符合函数的条件,如果其中有一个不符合,则返回false                // let newArr2 = arr2.every((x)=>{                //     // return x % 2 == 0                //     return x>0                // })                // console.log(newArr2);               //false    true                        // indexOf,功能:用于在数组中查找元素,并把元素的位置返回来。                let index = arr2.indexOf(3)                console.log(index);                 //2

转载地址:https://blog.csdn.net/weixin_46182770/article/details/116530085 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:不用reverse反转数组
下一篇:These dependencies were not found:

发表评论

最新留言

做的很好,不错不错
[***.243.131.199]2024年03月13日 05时45分24秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

java布局管理器空布局_Java图形化界面设计——布局管理器之null布局(空布局)... 2019-04-21
java gas station_LeetCode – 774. Minimize Max Distance to Gas Station 2019-04-21
java项目无法加载到tomcat_eclipse+tomcat添加项目进来无法启动tomcat 2019-04-21
后缀树建立 java_实用算法实现-第 8 篇后缀树和后缀数组 [2 最长公共子串] 2019-04-21
java网络编程期末试题_java网络编程面试题【其中一小部分】 2019-04-21
estore java_estore2 - WEB源码|JSP源码/Java|源代码 - 源码中国 2019-04-21
java如何做表单校验_微信小程序实现表单校验功能 2019-04-21
matlab dwt2(),MATLAB小波变换指令及其功能介绍(超级有用) 2019-04-21
php sequelize,egg.js整合数据库ORM框架Sequelize 2019-04-21
php同时打开2个数据库,thinkphp3.2同时连接两个数据库的简单方法 2019-04-21
centos 开发php扩展,centos 安装php扩展redis 2019-04-21
php+跑buth,php 中函数获取可变参数的方法, 这个语法有点像 golang 语言中的 2019-04-21
cms 单点登录 php,Yii2 中实现单点登录的方法 2019-04-21
oracle自己运行,创建Oracle自动执行Job 2019-04-21
oracle报错00020,oracle启动 ORA-00020: maximum number of processes (%s) exceeded错误 2019-04-21
chmod 赋权所有_chmod 权限 命令详细用法 2019-04-21
html代码翻译_[译]您知道 HTML 的键盘标签吗? 2019-04-21
html抽奖代码_JavaScript高手之路:封装抽奖效果 2019-04-21
hadoop 3.3 一直停留在running wordcount_蛋价持续下跌,今日跌破3.3元大关!深秋季节价格还能反弹吗?... 2019-04-21
的流程图做完后如何保存_2019超火的半永久眉是哪款?做完后我们如何护理?... 2019-04-21