js 数组高能方法
来源:互联网 发布:求非线性方程的算法 编辑:程序博客网 时间:2024/06/02 16:33
以下以test=[1,2,3,4,5]为例
1. slice方法--slice截取数组,不改变原数组
test.slice(1,2)=>[2]// 从下标1截取到下标2的前一个元素test.slice(1)=>[2,3,4,5]//从下标1开始往后截取到末尾test=>[1,2,3,4,5]
2.splice方法--截取或拼接数组,改变原数组
test.splice(1,2)=>[2,3]//从下标1开始截取2个元素test.splice(1)=>[2,3,4,5]//从下标1开始往后截取到末尾test=>[1,4,5]test.splice(1,1,a,b,c)=>[1]//从下标1开始截取1个元素,并把a\b\c拼接到原位置test=>[1,a,b,c,5]
3.map方法--数组内部批量操作各元素,不改变原数组
test.map(function(x){return x+10;});=>[11,12,13,14,15]//所有元素加10test=>[1,2,3,4,5]
4.filter方法--数组内部过滤元素,不改变原数组
test.filter(function(item,index){return index%2==0;});=>[1,3,5]//获取下标为偶数的元素test=>[1,2,3,4,5]
5.every方法--判断数组每个元素是否满足条件,返回boolean值,不改变原数组
test.every(function(x){return x<10;})=>true//判断数组内是否每个元素都小于10test=>[1,2,3,4,5]
6.some方法--判断数组是否含有某个元素满足条件,返回boolean值,不改变原数组
test.some(function(x){return x>10;})=>false//判断数组内时候有值大于10test=>[1,2,3,4,5]
7.reduce方法--数组内各元素两两操作,不改变原数组
test.reduce(function(x,y){return x+y;})=>15//各元素两两相加,获取每个元素相加之和test.reduce(function(x,y){return x>y?x:y;})=>5//各元素两两比较,获取最大值test=>[1,2,3,4,5]
8.isArray方法--判断对象是否为数组对象,只能由Array调用,被判断对象为参数
Array.isArray(test)=>true;
9.jion方法--将数组各元素拼接为字符串,默认以,号链接,不改变原数组
test.jion()=>"1,2,3,4,5"//默认以逗号连接test.jion("-")=>"1-2-3-4-5"//以-连接各元素test=>[1,2,3,4,5]
10.reverse方法--将数组倒序排列,改变元素组
test.reverse()=>[5,4,3,2,1]test=>[5,4,3,2,1]
11.sort方法--将数组排序,默认以哈希值升序排列,改变原数组
test.sort()=>[1,2,3,4,5]//注意此排序并非以大小来排列a=[11,5,32,2]test.sort()=>[11,2,32,5]a=[11,2,32,5]//sort方法可传入函数,作为其比较规则test.sort(function(a,b){return a-b;})=>[1,2,3,4,5]//按升序排列test.sort(function(a,b){return b-a;})=>[5,4,3,2,1]//按降序排列test2=[{“name”:"小明","age":20},{“name”:"小花","age":17},{“name”:"小张","age":30}]test2.sort(function(a,b){return a.age-b.age})=>[{“name”:"小花","age":17},{“name”:"小明","age":20},{“name”:"小张","age":30}]//将数组按对象的年龄进行升序排列
12.concat方法--拼接数组,不改变原数组
test.concat([5,6])=>[1,2,3,4,5,5,6]//与数组拼接test.concat(7,8)=>[1,2,3,4,5,7,8]//与元素拼接test.concat([5,6],7,8)=>[1,2,3,4,5,5,6,7,8]//与数组和元素拼接test.concat([[5,6],7,8])=>[1,2,3,4,5,[5,6],7,8]//注意喽,数组内部的数组将被视为整个元素啦test=>[1,2,3,4,5]
阅读全文
1 0
- js 数组高能方法
- chrome调试js高能技巧
- JS数组方法汇总
- JS数组方法汇总
- JS数组方法汇总
- JS数组方法汇总
- JS数组方法汇总
- JS数组方法整理
- JS数组方法汇总
- JS数组方法介绍
- js数组去重三种方法
- JS数组方法汇总
- js操作数组方法
- js数组方法扩展
- js数组方法
- js常用数组方法
- js数组常用方法
- js数组常用方法
- 微信小程序+OLAMI自然语言API接口制作智能查询工具--快递、聊天、日历等
- 解决Vue请求 ‘No 'Access-Control-Allow-Origin' header is present on the requested resource’错误
- jzoj. 3928. 【NOIP2014模拟11.6】射击
- AppCan入门 JS SDK窗口模块
- jmeter小问题解决方案合集
- js 数组高能方法
- 作为管理者,应不应该认错?
- 数据挖掘(一)你真的了解什么是数据挖掘和数据本身吗?
- java web项目DAO层通用接口BaseDao与实现类BaseDaoImpl
- C语言(八):数组
- springMVC接收日期类型参数的自定义转换
- Faster-RCNN+windows10+GPU/CPU+python+vs2013+MATLAB
- java基础提高篇--集合源码分析--jdk1.8 LinkedList源码
- 机器学习中的范数规则化之(一)L0、L1与L2范数