Array 对象常用的方法总结
shift:删除原数组的第一项,返回删除元素的值;如果数组为空则返回undefined
var arr = [1, 2, 3, 4, 5];
var out = arr.shift();
console.log(arr); //[2,3,4,5]
console.log(out); //1
var arr = [];
var out = arr.shift();
console.log(arr); //[]
console.log(out); //undefined
unshift:将参数添加到原数组开头,返回数组的长度(ie6下返回undefined)
var arr = [1, 2];
var out = arr.unshift(-1, 0);
console.log(arr); //[-1,0,1,2]
console.log(out); //4
pop:删除原数组的最后一项,返回数组删除的值;如果数组为空则返回undefined
var arr = [1, 2, 3, 4, 5];
var out = arr.pop();
console.log(arr); //[1,2,3,4]
console.log(out); //5
var arr = [];
var out = arr.pop();
console.log(arr); //[]
console.log(out); //undefined
push:将参数添加到原数组的末尾,返回数组的长度
var arr = [1, 2, 3];
var out = arr.push(4, 5, 6);
console.log(arr); //[1,2,3,4,5,6]
console.log(out); //6
concat:返回一个将参数添加到原数组中构成的新数组
var arr = [1, 2, 3];
var out = arr.concat(4, 5);
console.log(arr); //[1,2,3]
console.log(out); //[1,2,3,4,5]
splice(start,deleteCount,val1,val2,...):从start位置开始删除原数组deleteCount项,并从该位置起插入val1,val2,...,返回删除的项组成的新数组
var arr = [1, 2, 3, 4, 5];
var out = arr.splice(2, 2, 7, 8, 9, 10);
console.log(arr); //[1,2,7,8,9,10,5]
console.log(out); //[3,4]
在清空数组时仅需传递start,如果不删除所有元素,再传递deleteCount
var arr = [1, 2, 3, 4, 5];
var out = arr.splice(2);
console.log(arr); //[1,2]
console.log(out); //[3,4,5]
//同shift
var arr = [1, 2, 3, 4, 5];
var out = arr.splice(0, 1);
console.log(arr); //[2,3,4,5]
console.log(out); //[1]
//同unshift
var arr = [1, 2, 3, 4, 5];
var out = arr.splice(0, 0, 22, -1, 0);
console.log(arr); //[22,-1,0,1,2,3,4,5]
console.log(out); //[]
//同pop
var arr = [1, 2, 3, 4, 5];
var out = arr.splice(arr.length - 1, 1);
console.log(arr); //[1,2,3,4]
console.log(out); //[5]
//同push
var arr = [1, 2, 3, 4, 5];
var out = arr.splice(arr.length, 0, 6, 7, 8);
console.log(arr); //[1,2,3,4,5,6,7,8]
console.log(out); //[]
reverse:将原数组倒序;
var arr = ['a', 1, {}, [2, 3]];
console.log(arr); //['a', 1, {}, [2, 3]]
var out = arr.reverse();
console.log(arr); //[[2,3],{},1,'a']
console.log(out); //[[2,3],{},1,'a']
var arr = [0, 1, 5, 10, 15];
arr.reverse();
console.log(arr); //[15,10,5,1,0]
var arr = [1, 0, 5, 15, 10];
arr.reverse();
console.log(arr); //[10,15,5,0,1]
sort(orderfunction):sort()为升序排列,但是先调用每个数组项的toString()方法,然后比较字符串来排序,是按ASCII进行比较的;
//所以跟reverse不同原理不同。sort()不带参数的时候是从字面上对数组排序
var arr = [0, 1, 5, 10, 15];
arr.sort();
console.log(arr); //0,1,10,15,5 ,注意这里是字符串按ASCII进行比较的
//调用这样的函数就按数值方式排列了
function sortNumber(a, b) {
return a - b
}
arr.sort(sortNumber);
console.log(arr); //0,1,5,10,15
slice(start,end):返回从原数组中指定start到end(不包含该元素)之间的项组成的新数组,如只有一个参数,则从start到数组末尾
var arr = [1, 2, 3, 4, 5, 6, 7, 8];
var out = arr.slice(2,3);
console.log(arr); //[1, 2, 3, 4, 5, 6, 7, 8]
console.log(out); //[3]
join(separator):将数组的元素组成一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符
var arr = [1, 2, 3, 4, 5, 6];
var out = arr.join();
console.log(arr); //[1, 2, 3, 4, 5, 6]
console.log(out); //1,2,3,4,5,6
out = arr.join("");
console.log(out); //123456
out = arr.join("&");
console.log(out); //1&2&3&4&5&6
自己总结了常用的一些array 中常用的方法
Array 对象常用的方法总结的更多相关文章
- JavaScript操作Array对象常用的方法
转换方法 因为JavaScript内部机制(继承),所有的对象都具有toLocalString() .toString().valueOf()方法,Array也不例外so:var colors = ...
- javascript中字符串对象常用的方法和属性
前言 字符串是一种非常重要的数据类型,在Java等面向对象编程语言中,它代表对象类型,而在javascript中它却是一种基本数据类型,在开发的领域中,我们经常会碰到,无论是前端还是后台.比如后台验证 ...
- javascript中的array对象属性及方法
Array 对象 Array 对象用于在单个的变量中存储多个值. 创建 Array 对象的语法: new Array(); new Array(size); new Array(element0, e ...
- 总结JS中string、math、array的常用的方法
JS为每种数据类型都内置很多方法,真的不好记忆,而且有些还容易记混,现整理如下,以便以后查看: 一.String ①charAt()方法用于返回指定索引处的字符.返回的字符是长度为 1 的字符串. 语 ...
- JS中String对象常用的方法
1. stringObject.charAt(index) 参数:index 必需,即字符在字符串中的下标. 返回值: 返回在指定位置的字符.返回的字符是长度为 1的字符串.(length属性 ...
- JavaScript Array对象的splice方法 数组的添加和删除
Splice方法 :拼接 splice() 方法用于添加或删除数组中的元素. var index = Array.indexOf(value); //可以匹配value在Array中的索引,匹 ...
- Mongodb For C# "Query" 对象常用的方法
Query.All("name", "a", "b");//通过多个元素来匹配数组 Query.In("name", & ...
- httpRequest对象常用的方法
IT程序员开发必备-各类资源下载清单,史上最全IT资源,个人收藏总结! 1. 获得客户机信息 getRequestURL方法返回客户端发出请求时的完整URL. getRequestURI方 ...
- 测试Array对象的sort方法的作用。将1985,1970,1999,1998,2000,1963这些年份按升序输出。
<script type="text/javascript">var years = new Array(1985,1970,1999,1998,2000,1963); ...
随机推荐
- nessus 漏洞扫描安装和使用
介绍 Nessus 是目前全世界最多人使用的系统漏洞扫描与分析软件.总共有超过75,000个机构使用Nessus 作为扫描该机构电脑系统的软件. 软件特色 * 提供完整的电脑漏洞扫描服务, 并随时更 ...
- 1113: [视频]树形动态规划(TreeDP)8:树(tree)(树形dp状态设计总结)
根据最近做的几道树形dp题总结一下规律.(从这篇往前到洛谷 P1352 ) 这几道题都是在一颗树上,然后要让整棵树的节点或边 满足一种状态.然后点可以影响到相邻点的这种状态 然后求最小次数 那么要从两 ...
- android mvp高速开发框架介绍(dileber使用之小工具使用)
android mvp框架:dileber(https://github.com/dileber/dileber.git) 继续为大家介绍android mvp开源框架 dileber 官方交流qq群 ...
- 1、初始JAVA
一. 语言的翻译分两种: 编译型语言:例如c语言.c++语言 优点:速度快 缺点:不能跨平台 编译器编译——>特定平台的目标文件obj——>特定平台 ...
- angularjs 自定义服务
<!DOCTYPE HTML> <html ng-app="myApp"> <head> <meta http-equiv="C ...
- java生成MD5校验码
在Java中,java.security.MessageDigest (rt.jar中)已经定义了 MD5 的计算,所以我们只需要简单地调用即可得到 MD5 的128 位整数.然后将此 128 位计 ...
- action support分析
Action这一部分主要是数据(索引)的操作和部分集群信息操作. 所有的请求通过client转发到对应的action上然后再由对应的TransportAction来执行相关请求.如果请求能在本机上执行 ...
- []HAOI2008] 硬币购物 解题报告 ( 完全背包+容斥原理)
题目链接:https://www.luogu.org/problemnew/show/P1450 题目描述: 题解: 如果去掉限制的话,这就是一个完全背包. 我们可以考虑先去掉限制,把这个完全背包做出 ...
- POJ 4007 Flood-it!
题目:http://poj.org/problem?id=4007 思路: (lyd学长的思路) IDA*算法,首先迭代加深限制搜索深度. 可以发现如果当前矩阵中除了左上角的连通块之外,共有M种颜色, ...
- vuejs v-model
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...