js 数组
js中的数组类似与java中的容器 类型可以不同、长度可变
一、数组的声明
var arr1=new Array();//数组的声明一
var arr2=[1,2,3,true,new Date()];//数组的声明二
二、数组的操作
var arr3=arr2.pop();//移除数组的最后一个元素,返回移除的元素
var arr4=arr2.push(12,23);//向数组中添加元素,返回新数组的长度
var arr5=arr2.shift();//移除数组的头部一个元素,返回移除的元素
var arr6=arr2.unshift(false,"qq");//从头部向数组中添加元素,返回新数组的长度
var arr7=arr2.splice(1,2);//截取新数组(第一个参数起始位置,第二个参数截取个数,第三个参数:追加新元素的个数)
var arr8=arr2.slice(2,4);//截取范围 返回截取的内容 操作的不是数组本身
var arr9=[12,13,3,34];
var arr10=[14,15];
var result1=arr9.concat(arr10);//合并两个数组 返回一个新数组
var result2=arr9.join("-");//在元素之间加入内容 返回一个字符串
arr9.sort();//排序 正序 把元素当作字符串 操作数组本身
arr9.reverse();//排序倒序 按照数组的顺序 倒序 操作数组本身
正常的排序:
window.onload=function(){
var arr3=[10,3,7,9,34];
arr3.sort();
console.info(arr3);//[10, 3, 34, 7, 9]
arr3.sort(compare);//使用 自定义的函数 compare
console.info(arr3);//[3, 7, 9, 10, 34]
}
function compare(value1,value2){
if(value1<value2){
return -1;
}else if(value1>value2) {
return 1;
}else{
return 0;
}
}
三、 ECMN5新特性
1、下标的方法
var aa=[1,2,3,4,5];
var index1=aa.indexOf(1); //0 返回元素在数组的位置
var index2=aa.indexOf(2,4);//3 从第几(2)个位置查某个(4)元素的位置
var index3=aa.lastIndexOf(2);//从数组尾部查找元素的位置
2、 迭代数组的方法
window.onload=function(){
var aa=[1,2,3,4,5];
//对于数组的每一个元素用一个函数运行,如果都返回true,结果返回true
var verey=aa.every(function(item,index,array){
return item>0;
});
console.info(verey);//true;
//对于数组的每一个元素用一个函数运行,返回过滤后的结果
var filter=aa.filter(function(item,index,array){
return item > 2;
});
console.info(filter);//[3,4,5]
//循环数组的每一个元素(for循环)
aa.forEach(function(item,index,array){
alert(item);//打印每个元素
});
//对于数组的每一个元素用一个函数运行可以经过函数执行后,把新的结果返回
var map=aa.map(function(item,index,array){
return item*2;
});
console.info(map);//[2,4,6,8,10]
//对于数组的每一个元素用一个函数运行,如果有一项返回true,结果返回true
var some=aa.some(function(item,index,array){
return item>3;
});
console.info(some);//true;
//pre 前一个值 cur当前值 index索引位置 array数组(左边开始)
var reduce=aa.reduce(function(prev,cur,index,array){
return prev+cur;
});
console.info(reduce);//15
//pre 前一个值 cur当前值 index索引位置 array数组(右边开始)
var reduceRight=aa.reduceRight(function(prev,cur,index,array){
return prev+cur;
});
console.info(reduceRight);//15
}
四、常用方法————————Util
<!-- ———————移除指定元素 str是要删除的元素 ————————————-->
Array.prototype.moveElement=function(str){
if(this.length===0){
throw new Error("数组空");
}
for(var index=0,len=this.length;index<len;index++){
if(this[index]===str){
if(isNaN(index)||index>this.length){
return false;
}
for(var i=0,n=0;i<this.length;i++){
if(this[i]!=this[index]){
this[n++]=this[i]
}
}
this.length-=1;
return;
}
}
}
window.onload=function(){
//去除数组中的重复项
var arr=[1,3,2,2,4,5,6,6,7,8,9];
alert(uniq(arr));
}
//把数组转为对象
var arrToObj=function(arr){
var obj={};
for(var i=0;i<arr.length;i++){
obj[arr[i]]=i;
}
return obj;
}
//把对象转为数组
var objToArr=function(obj){
var arr=[];
for(var attr in obj){
if(obj.hasOwnProperty(attr)){
arr.push(attr);
}
}
return arr;
}
//去掉数组中的重复项
function uniq(arr){
return objToArr(arrToObj(arr));
}
js 数组的更多相关文章
- 小兔JS教程(四)-- 彻底攻略JS数组
在开始本章之前,先给出上一节的答案,参考答案地址: http://www.xiaotublog.com/demo.html?path=homework/03/index2 1.JS数组的三大特性 在J ...
- js数组学习整理
原文地址:js数组学习整理 常用的js数组操作方法及原理 1.声明数组的方式 var colors = new Array();//空的数组 var colors = new Array(3); // ...
- 转→js数组遍历 千万不要使用for...in...
看到一篇内容还不错,但是排版实在糟糕, 逼死强迫症患者啊,直接拉下去找原文连接,找到了,但是已经消失了···500错误... 第一次因为实在看不下去一篇博客的排版, 为了排版而转载... 转载地址:h ...
- js数组操作大全
原文(http://www.cnblogs.com/webhotel/archive/2010/12/21/1912732.html) 用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简 ...
- js数组去重的4种方法
js数组去重,老生长谈,今天对其进行一番归纳,总结出来4种方法 贴入代码前 ,先对浏览器Array对象进行支持indexOf和forEach的polyfill Array.prototype.inde ...
- js 数组处理函数
本文转载自有有<js 数组处理函数> concat 将参数列表连接到原数组后面形成一个新的数组并返回,原有数组不受影响. var arr = ["a","b& ...
- js 数组赋值问题 :值传递还是引用?
转载于知乎var a = [1,2,3]; var b = a; a = [4,5,6]; alert(b); //[1,2,3] 面试时被问到这样一个问题,竟然从来没试过... 当时直接的理解,数组 ...
- JS数组方法汇总 array数组元素的添加和删除
js数组元素的添加和删除一直比较迷惑,今天终于找到详细说明的资料了,先给个我测试的代码^-^ var arr = new Array(); arr[0] = "aaa"; arr[ ...
- js数组操作
用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简单的string.split(char).这段时间做的一个项目,用到数组的地方很多, 自以为js高手的自己居然无从下手,一下狠心,我学! ...
- js数组操作【转载】
用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简单的string.split(char).这段时间做的一个项目,用到数组的地方很多,自以为js高手的自己居然无从下手,一下狠心,我学!呵 ...
随机推荐
- iOS 取绝对值函数
1.abs(a) 处理int类型a的取绝对值 2.fabsf(a) 处理float类型a的取绝对值 3.fabs(a) 处理double类型a的取绝对值
- Slide-卡盘效果
<div style="width:950px;height:705px;"> <div class="J_TWidget" data-wid ...
- PYTHON学习之路_PYTHON基础(3)
学习内容: 1.Python字典 2.Python集合 3.Python字符编码 4.Python文件操作 5.Python实例 一.Python字典 1.定义: dic1={'name':'alex ...
- Linux系统部署体验中心
Linux系统部署体验中心 安装Linux虚拟机 1. 下载安装VMware,安装64位Linux系统(Ubuntu),要求:CPU双核,2G内存,60G硬盘 2. 安装系统时,选择安装ssh服务 ...
- webdriver 获取alert 提示no alert is active
http://hi.baidu.com/janice515/item/bce536bb136e8441bb0e120f 摘上面: 一般正常情况下会报错,如 no alert is active 目 ...
- foremost
foremost 恢复单个类型文件 删除一个 USB(/dev/sdba1)存储器中一个 png 文件然后使用 formost 恢复. #rm -f /dev/sdb1/1.png #foremost ...
- MVVM框架中的一个非常重要的内容:数据双向绑定
双向绑定的意思就是,如下图中,当在input框中输入字符时,红色框框中的字也会随之改变. input框中需要一个绑定:ms-duplex(即“双工绑定”),http://avalonjs.github ...
- IOS 获取当前对象所在的VC
id next = [self nextResponder] ; while (next != nil) { next = [next nextResponder]; if ([next isKind ...
- 360等杀掉了app的主进程后 ,如何自动开启 如何防止被kill
如何阻止360等进程查杀工具停止App后台进程安全软件优化内存时需要关闭没用的进程既然你同意使用360,,也允许了360的最高权限..那么他就有足够的权限来杀掉app后台进程. 一 如何保证app进程 ...
- SQL 数据库性能问题排查
一个项目的运行,总伴随着性能问题,系统查询过慢,如何快速查询等 下面将简单讲解一下,如何去排查及解决这些问题. 开发过程中: 1:不要绝对的三范式,适当建立冗余能够提高查询速度,不用多表关联 2:能用 ...