1、 由字符串生成数组

split() 分割字符串,并将分割的部分作为一个元素保存在一个新建的数组中。

    var  str1 = "this is an emample to using the method of array .";var str2 = str1.split(" "); //以空格作为分割条件 for(var i = 0; i< str2.length; i++ ){ console.log(str2[i]); }

2、查找元素

indexOf() 用来查找元素在目标数组中是否存在,如果存在,返回该元素在数组中第一次出现的位置索引,如果不存在,就返回-1。

lastIndexof() 和indexOf()作用一样,但是返回的是相同元素中的最后一个元素的位置索引。

    var names = ["one", "two", "three", "four", "five", "one"]; var position = names.indexOf("one"); if(position >= 0){ console.log("Found " + name + " at position " + position); }else{ console.log(name + "not found in array ."); } // Found at position 0 var position2 = names.lastIndexOf("one"); console.log("Found at position " + position2); // Found at position 5 

3、字符串表示

将数组转换成字符串:join() 和 toString()

    var str1 = ["one", "two", "three", "four", "five"]; var str2= str1.join(); console.log(str2); // one,two,three,four,five str2= str1.toString(); console.log(str2); // one,two,three,four,five console.log(str1); // ["one", "two", "three", "four", "five"]

4、由已有数组创建新数组

concat() 用来合并多个数组创建一个新数组。

splice() 截取一个数组的子集创建一个新数组。

    var str1 = ["one", "two", "three", "four", "five"]; var str2 = ["six", "seven", "eight","nine","ten"]; var str3 = str1.concat(str2); console.log(str3); // ["one", "two", "three", "four", "five", "six", "seven", "eight"] var str4 = str2.splice(2,4); console.log(str4); // ["eight", "nine", "ten"]

5、为数组添加元素

push() 将一个元素添加到数组末尾。

unshift() 可以将元素添加在数组的开头。

    var num1 = [1, 2, 3, 4, 5]; console.log(num1); // [1, 2, 3, 4, 5] num1.push(6); console.log(num1); // [1, 2, 3, 4, 5, 6] var s1 = num1.push(); console.log(s1); // 6 num1[num1.length] = 10; console.log(num1); // [1, 2, 3, 4, 5, 6, 10] num1.unshift("one", "two"); console.log(num1); // ["one", "two", 1, 2, 3, 4, 5, 6, 10] var s2 = num1.unshift(); console.log(s2); // 9

6、从数组中删除元素

pop() 可以删除数组末尾的元素。

shift() 删除数组中的第一个元素。

    var num1 = [1, 2, 3, 4, 5]; num1.pop(); console.log(num1); // [1, 2, 3, 4] var s = num1.pop(); console.log(s); // 4 num1.shift(); console.log(num1); // [2, 3] var s3 = num1.shift(); console.log(s3); // 2 console.log(num1); // [3]

7、从数组中间位置添加和删除元素

splice ( 起始索引,需要删除的元素个数,需要添加进数组的元素 )

    var str = [1, 2, 3, 7, 8 , 9]; var nStr = [4, 5, 6]; str.splice(6,0,10,11,12); console.log(str); // [1, 2, 3, 7, 8, 9, 10, 11, 12] str.splice(3, 0, nStr); console.log(str); // [1, 2, 3, Array[3], 7, 8, 9, 10] Array[3]是一个数组:[4,5,6] str.splice(3,4); console.log(str); // [1, 2, 3, 10, 11, 12]

8、给数组排序

reverse() 将数组中的元素的顺序进行翻转。

sort() 按照字典顺序对元素进行排序。

    var num1 = [1, 2, 3, 4, 5]; var num2 = [2, 5,1 ,7, 100, 3, 20]; var str = ["one", "two", "three", "four", "five"]; num1.reverse(); console.log(num1); // [5, 4, 3, 2, 1] str.sort(); console.log(str); // ["five", "four", "one", "three", "two"] // sort()只是按照字典顺序进行排序 num2.sort(); console.log(num2); // [1, 100, 2, 20, 3, 5, 7] // 改进sort()排序 function compare(n1, n2){ return n1-n2; } num2.sort(compare); console.log(num2); // [1, 2, 3, 5, 7, 20, 100]

9、迭代器方法

(1)不生成新数组的迭代器方法

foreach() 方法,接受一个函数作为参数,对数组中的每个元素使用该函数。

every() 方法,接受一个返回值为布尔型的函数,对数组中的每个元素使用该函数,如果对于所有的元素,该函数都返回true,则该方法返回true,否则会返回false。

some() 方法,也接受一个返回值为布尔型的函数,但是该方法只要有一个元素使得该函数返回true,该方法就返回true。

reduce() 方法,接受一个函数,返回一个值。这个方法会从一个累加值开始,不断对累加值和数组中的后续元素调用该函数,直到数组中的最后一个元素,最后返回得到累加值。

reduceRight() 方法,和reduce()方法区别在于,它是从右到左执行的。

    // forEach() 方法function square(num){ console.log(num, num * num); } var num1 = [1, 2, 3, 4, 5]; num1.forEach(square); // every()方法 function isEven(num){ return num % 2 == 0; } var num2 = [6, 7, 8, 9, 10]; var even = num2.every(isEven); if(even){ console.log("all numbers are even ."); }else{ console.log("not all numbers are even ."); } // 结果: not all numbers are even // some()方法 function isEven(num){ return num % 2 == 0; } var num3 = [1, 2, 3, 4, 5, 6, 7]; var someEven1 = num3.some(isEven); if(someEven1){ console.log("some numbers are even ."); }else{ console.log("no numbers are even ."); } // 结果: some numbers are even . var num4 = [1,3,5,7,9]; var someEven2 = num4.some(isEven); if(someEven2){ console.log("some numbers are even ."); }else{ console.log("no numbers are even ."); } //结果: no numbers are even . // reduce()方法 function add(runTotal, currentValue){ return runTotal + currentValue; } var num6 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; var num7 = num6.reduce(add); console.log(num7); //结果: 55 function concat(accString, item){ return accString + item; } var str1= ["one", "two", "three", "four", "five"]; var str2 = str1.reduce(concat) ; console.log(str2); // onetwothreefourfive // reduceRight()方法 function concat(accString, item){ return accString + item; } var str3= ["one", "two", "three", "four", "five"]; var str4 = str3.reduceRight(concat) ; console.log(str4); // fivefourthreetwoone
(2)生成新数组的迭代器方法

map() 方法,对数组中的每个元素使用某个函数,该数组的元素是对原有元素的某个函数得到的结果。

filter() 方法, 传入一个返回值为布尔型的函数,当对数组中的所有元素使用该函数,结果都是true时,区别于every()方法返回true, filter()方法返回的是一个新数组,这个新数组包含使用该函数后结果为true的元素。

    // map()方法function curve(num){ return num += 5; } var num1 = [5, 15, 25, 35, 45]; var num2 = num1.map(curve); console.log(num2); // [10, 20, 30, 40, 50] function getFirstWord(str){ return str[0]; } var str1 = ["one", "two", "three", "four"]; var str2 = str1.map(getFirstWord); console.log(str2); // ["o", "t", "t", "f"] // filter()方法 //示例一 function isEven(num){ return num % 2 == 0; } function isOdd(num){ return num % 2 != 0; } var num3 = []; for(var i = 0 ; i < 20; i++){ num3[i] = i+1; } var even = num3.filter(isEven); console.log("Even numbers : " + even); // Even numbers : 2,4,6,8,10,12,14,16,18,20 var odd = num3.filter(isOdd); console.log("Even numbers : " +odd); // Even numbers : 1,3,5,7,9,11,13,15,17,19 //示例二 function passing(num){ return num >= 60; } var num4 = []; for(var i = 0 ; i < 20; i++){ num4[i] = Math.floor(Math.random() * 101); } var num5 = num4.filter(passing); console.log("all numbers : " + num4); // all numbers : 91,92,12,21,99,98,37,99,64,37,47,49,64,75,45,7,85,94,29,24 console.log("passing numbers : " + num5); // passing numbers : 91,92,99,98,99,64,64,75,85,94 // 示例三 function delAfterC (str){ if(str.indexOf("cie") > -1){ return true; } return false; } var str3 = ["recieve", "deceive", "percieve", "deceit", "concieve"]; var str4 = str3.filter(delAfterC); console.log(str4); // ["recieve", "percieve", "concieve"]

PS:本文仅仅是个人学习总结,若有不足还忘谅解,欢迎联系指导。

转载于:https://www.cnblogs.com/luorende/p/8549486.html

JavaScript 常用数组函数方法专题相关推荐

  1. javascript操作数组的方法大全

    javascript操作数组的方法大全 一.ES5数组的方法 1.Array.isArray() 用来判断是否为数组 var arr = [1, 2, 3, 4, 5]; var obj = {}; ...

  2. JavaScript常用的工具方法

    JavaScript常用的工具方法 1.邮箱 2.手机号码 3.电话号码 4.是否url地址 5.是否字符串 6.是否数字 7.是否boolean 8.是否函数 9.是否为null 10.是否unde ...

  3. JavaScript比较数组的方法

    JavaScript比较数组的方法 1.比较两个对象数组,删除重复项,根据属性合并对象 我们确实需要比较两个不同的对象数组,并希望在两个对象匹配特定属性值的情况下合并这两个对象.可以使用filter( ...

  4. php常用的数组函数及功能,PHP 常用数组函数 (1)

    PHP 常用数组函数 (1) 1,array_fill(index,number,value) 用值填充数组 参数说明: index: 被返回数组的第一个索引值 number: 规定要插入的元素的个数 ...

  5. php数组实例,php常用数组函数实例小结

    本文实例总结了php常用数组函数.分享给大家供大家参考,具体如下: 1. array array_merge(array $array1 [, array $array2 [, $array]]) 函 ...

  6. PHP中常用的定义数组的函数是,php常用数组函数总结

    php常用数组函数总结 博主:renpengddxx 发表时间:2017-02-19 13:15:37 浏览量:151 1.array_values() 传入给定数组,返回一个给定数组中所有值的数组, ...

  7. JavaScript 常用数组方法及使用技巧「数组的力量隐藏在数组方法中,必收藏」

    JavaScript 数组的力量隐藏在数组方法中. 没错!如果你只知道用数组,但是不知道数组的这些方法怎么用,那么你就不是真正的懂他. 正餐开始,来看看 JavaScript 中有哪些常用的数组方法! ...

  8. 总结JavaScript常用数组操作方法,包含ES6方法

    一.concat() concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,仅会返回被连接数组的一个副本. var arr1 = [1,2,3]; var arr2 = [4,5]; ...

  9. JavaScript常用数组操作方法,包含ES6方法

    一.concat() concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,仅会返回被连接数组的一个副本. var arr1 = [1,2,3]; var arr2 = [4,5]; ...

最新文章

  1. 微信公众号开发小记——4.两种邀请用户的方式 扫码链接
  2. 灵魂拷问,上 Kubernetes 有什么业务价值?
  3. 40_pytorch Batch Norm
  4. java如何保证mq一定被消费_消费端如何保证消息队列MQ的有序消费
  5. LeetCode 1229. 安排会议日程(双指针)
  6. Xshell 7免费版下载及安装
  7. android系统音效均衡方案
  8. 单片机原理及应用第四版林立课后选择题
  9. 电脑录屏软件哪个好?快速录制高清视频的方法是什么?
  10. Springcloud OAuth 授权码踩坑系列(二)
  11. 极客公园:正版音乐的前路漫漫
  12. Python学习总结报告
  13. 谷歌账号--手机号无法验证的问题
  14. 解决高版本MATLAB robotics toolbox在plot/teach时报错问题
  15. 利用CUDA查看多张显卡可用显存和总显存大小
  16. windows双击运行python脚本_Python脚本不能通过双击Windows来执行
  17. 华为ensp的OSPF 基本配置
  18. 实验 1 :Data Lab
  19. error: failed linking references
  20. 2023安卓逆向 -- 某合伙apk登录加密分析

热门文章

  1. Python并行编程(七):多进程的基本使用和与多线程的差异
  2. 使用Redis构建全局并发锁
  3. The log scan number (620023:3702:1) passed to log scan in database 'xxxx' is not valid
  4. 23种设计模式-备忘录模式
  5. gulp——用自动化构建工具增强你的工作流程
  6. 邮件代理发送功能更新和Exchange 6月份补丁更新提示
  7. anroid Sqlite批量插入数据优化方法
  8. CSS3给页面打标签
  9. silverlight学习笔记(一)—— 使用blend实现缩小Listbox或Scrollviewer中的滚动条
  10. 5种速成数据分析方法