javascript Array方法总结
Array
toString() 返回数组中每个值的字符串形式拼接而成的以逗号分隔的字符串
var arr = [1,2,4,5]; console.log(arr.toString());//1,2,4,5
valueOf() 返回的还是数组
var arr = ["1","2","4","5"]; console.log(arr.valueOf());//["1","2","4","5"]
join() 返回字符串,使用不同分隔符来构建字符串【默认为逗号】
var arr = [1,2,3,4,5]; console.log(arr.join());//1,2,3,4,5 console.log(arr.join(""));//12345 console.log(arr.join("|"));//1|2|3|4|5
栈方法
push() 栈方法,添加到数组末尾,返回修改后数组的长度
pop() 栈方法,从数组末尾移除最后一项,返回移除的项
队列方法
shift() 队列方法,取得数组第一项
unshift() 队列方法,添加到数组前端
var colors = []; var count = colors.push("red","blue"); // 2 //colors = ["red","blue"];count = colors.unshift("green","white"); //4 //colors = [“green”,"white","red","blue"]colors.pop(); //"blue" colors.shift(); //"green"
重排序方法
reverse() 反转数组项的顺序,返回值是经过反转后的数组
sort() 默认按照升序排列数组【调用每个数组项的toString()方法比较字符串。即使数组都是数值,也是比较字符串】,可接受比较函数作为参数。返回值是经过排序后的数组
var arr = [10,2,7,3,5]; arr.reverse();//[5,3,7,2,10] arr.sort();//[10,2,3,5,7]function compare1(v1,v2){if(v1 < v2)return -1;else if( v1 > v2)return 1;else return 0; }arr.sort(compare1);//[2,3,5,7,10]//另一种更为简便的方式 function compare2(v1,v2){return v2-v1; }arr.sort(compare2);//[10,7,5,3,2]
操作方法
concat() 基于当前数组中所有项创建一个新数组。在没有参数的时候,只是复制当前数组并返回副本。有参数则将值添加到数组末尾
var colors=["red","blue"]; var colors2 = colors.concat("yellow",["black","white"]); //["red","blue","yellow","black","white"]
slice() 创建一个新数组。
slice(start,end),返回起始和结束位置之间的项【不包括结束位置】。结束位置小于起始位置返回空数组
slice(start),返回从start位置到末尾的所有项
若是负数,用数组长度+该负数来表示位置
var colors = ["red","green","blue","black","yellow"];var colors2 = colors.slice(1);//["green","blue","black","yellow"]var colors3 = colors.slice(1,4);//["green","blue","black"]var colors4 = colors.slice(-2,-1);//与slice(3,4)效果相同。["black"]
splice() 返回被删除的项。splice(start,delete_count,insert_item[可选])
删除 splice(start,count) start要删除的第一项的位置,count要删除的项数
插入 splice(start,0,inserts) start要插入的位置,0(要删除的项数为0),inserts要插入的项(可以是任意多个项)
替换 splice(start,d_count,inserts) start起始位置,d_count为要删除的项数,inserts为要插入的项。插入的项数与删除的项数不必相等。
var colors = ["red","green","blue","black","yellow"];var removed = colors.splice(0,1);//删除第一项//colors = ["green","blue","black","yellow"];//removed = ["red"]removed = colors.splice(1,0,"pink","orange");//从位置1开始插入2项//colors = ["green","pink","orange","blue","black","yellow"];//removed = [];没有删除元素,返回空数组removed = colors.splice(1,1,"red","purple");//从位置1删除一个,再插入2项//colors = ["green","red","purple","orange","blue","black","yellow"];//removed = ["pink"];
位置方法
indexOf() 从数组开头开始查找所在项的位置
lastIndexOf() 从数组末尾开始向前查找
比较参数和数组中每一项时,使用全等操作符。=== 没有找到时返回-1
迭代方法。对数组中每一项运行给定函数。
every() 若函数对每一项都返回true,则返回true
filter() 返回这个函数会返回true的数组
forEach() 没有返回值,本质上与使用for循环迭代数组一样。
map() 返回每次函数调用的结果组成的数组
some() 如果函数对任一项返回true,则返回true
【兼容性】IE9+,Chrome,Firefox 2+,Safari 3+,Opera 9.5+支持
【注意区分every()和some()】
var numbers=[1,2,3,4,5,6,7];var everyResult = numbers.every(function(item,index,array){return (item > 3);
});
//everyResult的值为false。因为1,2,3返回的是flase,而每一项都返回true才会返回truevar someResult = numbers.some(function(item,index,array){return (item > 3);
});
//someResult的值为true。因为有返回true的值,则返回truevar filterResult = numbers.filter(function(item,index,array){return (item > 2);
});
//filterResult的值为[3,4,5,6,7],返回符合条件的值var mapResult = numbers.map(function(){return item*2;
});
//mapResult的值为[2,4,6,8,10,12,14],返回每个数的结果
归并方法
reduce() 从数组第一项开始,逐个遍历到最后
reduceRight() 从数组的最后一项开始,向前遍历到第一项
都支持4个参数。(prev【前一个值】,cur【当前值】,index【项的索引】,array【数组对象】)
reduce()和reduceRight()的差别在于从哪头开始遍历数组。除此之外都一样。
【兼容性】IE9+,Chrome,Firefox 3+,Safari 4+,Opera 10.5支持
这个函数返回的任何值都会作为第一个参数自动传给下一项。第一次迭代从数组的第二项开始。
//利用reduce求数组中所有值的和var values = [1,2,3,4,5];var sum = values.reduce(function(prev,cur,index,array){return prev + cur;});//sum的值为15;
javascript Array方法总结相关推荐
- 最全 JavaScript Array 方法 详解
大家好,我是若川.最近组织了源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步.同时极力推荐订阅我写的<学习源码整体架构系列> ...
- JavaScript Array方法
1.concat() 用于合并两个或者多少数组,此方法不会更改现有数组,而是返回一个新的数组 var a=[1,2,3]; var b=[4,5,6]; a.concat(b) //[1,2,3,4, ...
- js 数组从头添加到数组_如何从头开始实现JavaScript数组方法
js 数组从头添加到数组 介绍 (Introduction) JavaScript includes several functions for working with arrays that go ...
- JavaScript面试精讲(六)——说说你经常使用到的array方法
目录 一.数组转换相关的方法 1.instanceof() 2.toString() 3.valueOf() 4.join() 二.数组的增删 1.数组的增加 2.数组的删除 三.数组的排序和反转 1 ...
- JavaScript的方法和技巧
摘自http://www.cnblogs.com/Jamedy/archive/2007/02/14/650079.html 有些时候你精通一门语言,但是会发现你其实整天在和其它语言打交道,也许你以为 ...
- 前端必须学会的5个原生JavaScript对象方法
前端必须学会的5个原生JavaScript对象方法 JavaScript 随着node.js和基于JavaScript的各种框架的诞生,JavaScript在当今的互联网越来越受到人们的重视,今天我们 ...
- [ Typescript 手册] JavaScript `Array` 在 Typescript 中的接口
[ Typescript 手册] JavaScript `Array` 在 Typescript 中的接口 本文地址:https://blog.csdn.net/qq_28550263/article ...
- javascript创建对象方法总结
javascript创建对象方法的总结. 对象是什么? js中对象是"无序属性的集合,其属性可以包含基本值,对象或者函数",简单来说,它就是一个名值对,有key和value,val ...
- vue 加载页面时触发时间_5.6 vue更新数组时触发视图更新的方法,熟记JavaScript原生方法...
问题:vue更新数组时触发视图更新的方法 变异方法: Vue 包含一组观察数组的变异方法,所以它们也将会触发视图更新.什么是变异方法呢?简单理解就是改变了原来的数组,可能包括数组长度length,或者 ...
最新文章
- 打印swift 变量的类型
- android onLayout死循环
- 查看Linux硬件信息命令的使用
- MongoDB基础知识总结
- FreeMarker语法指南
- CDN视频流中的3个问题以及解决方法
- map unordered_map hash_map的查找性能测试
- 安装itunes需要管理员身份_ITUNES无法安装,提示没有权限如何解决?
- 教育部最新公布!2019年高校新增和撤销了这些本科专业
- html城市绘制,HTML5/Canvas二分法构建城市版图
- java php serialize_PHP serialize 和 JSON 解析与区别
- 英特尔至强E5 V4荣耀出炉 宝德服务器抢先同步升级
- IIS与Apache同时使用80端口
- ASP.Net Ajax框架 Timer控件 计时器
- JavaWeb网上购物系统项目源码+论文
- Importing the numpy c-extensions failed 解决方案
- youtube下载助手 firefox插件
- 赋诗一首!——《秋》
- 性能测试连载 (7)-jmeter 压力测试中的难点解析
- 网页加速插件Decentraleyes使用介绍
热门文章
- Vue开发异常: Error: custom keyword definition is invalid: data.errors should be boolean
- Jenkins+docker+maven+git自动化构建与部署
- 关系运算符、逻辑 运算符与三元运算符
- Builder设计模式
- iOS中的UIView
- Android获取cpu和内存信息、网址的代码
- UIT-SV3600i-D/Storage Manger RAID5以及IP-SAN(iscsi)配置
- 记一次小的51CTO聚会
- Proteus与Keil联调
- java格式化星期_在Java中使用SimpleDateFormat格式化星期几