文档章节

javascript数组操作

指尖残雪
 指尖残雪
发布于 2016/05/22 23:56
字数 572
阅读 3
收藏 0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Untitled Document</title>
		<script type=text/javascript charset=utf-8>
/*javascript代码分开写在下面*/


		</script>
	</head>
	<body>
	</body>
</html><span style="font-family: Arial, Helvetica, sans-serif;">      </span>


数组本身也是对象,js中数组类似于java里的map容器 长度可随意改变 ,元素类型任意

var arr = new Array();                          
var arr = [1,2,3,4,true ,'abc' , new Date()] ;  
alert(arr.length);                              
arr.length = 5 ;                                
alert(arr.toString()); // [object object]  当length规定为5时,只输出前5个


push 和 pop 方法 

var arr = [new Date(),false] ;                                                
var result = arr.push(1,2,true);	//push方法向数组中追加元素(返回值为新数组的长度)                
alert(arr);                                                                   
alert(result);                                                                
var obj = arr.pop();		//从数组的尾部移除一个元素(返回值为移除的元素)                           
alert(arr);                                                                   
alert(obj);


shift 和 unshift 方法  

var  arr = [1,2,3, true , new Date()];                              
var r1 = arr.shift();			//从头部移除一个元素(返回移除的元素)                  
alert(arr);                                                         
alert(r1);                                                          
var r2 = arr.unshift(10,false);	//从头部插入多个元素(返回新数组的长度)             
alert(arr);                                                         
alert(r2);


splice、slice 方法 (截取的方法)
splice方法操作数组本身         
slice方法不操作数组本身         
splice: 第一个参数 :起始位置 ,   第二个参数 :表示截取的个数, 第三个参数以后:表示追加的新元素个数 
var arr = [1,2,3,4,5];              
arr.splice(1,2,3,4,5);	// 134545  将arr中的23截取为345
alert(arr);
slice://返回截取的内容 //截取范围 (左闭右开区间)
var arr = [1,2,3,4,5];        
var reuslt = arr.slice(2,4);  
alert(reuslt);		//3,4

操作数组的方法: concat   , join  

var arr1 = [1,2,3];                                                    
var arr2 = [true , 4 , 5];                                             
                                                                       
var reuslt = arr1.concat(arr2);		//合并粘连的操作(不操作数组本身)               
alert(reuslt);                                                         
                                                                       
var result = arr1.join('-');		//在每个元素之间加入内容(不操作数组本身)               
alert(arr1);                                                           
alert(result);

sort排序   reverse倒叙 

var arr1 = [5,2,1,4,3];   
var arr2 = [10,2,4,1,7];
arr1.sort();                                            
arr1.reverse();		//倒叙排序 是按照集合的位置进行倒叙的              
alert(arr1);                                            
arr2.sort();                                            
alert(arr2);		// 1 10 2 4 7     参考源代码可知,将10中的1和2、4、7进行比较(按照字符串单个比较,不是按照数字大小)
所以我们要自己写一个排序函数

function compare(value1 , value2){   
	if(value1 < value2){             
		return -1 ;                  
	} else if(value1 > value2){      
		return 1 ;                   
	} else {                         
		return 0 ;                   
	}                                
}
使用自己写的函数进行排序
arr2.sort(compare); 
alert(arr2);
输出结果为:1、2、4、7、10

本文转载自:http://blog.csdn.net/bq1073100909/article/details/48424455

共有 人打赏支持
指尖残雪
粉丝 7
博文 73
码字总数 0
作品 0
上海
后端工程师
学习Javascript的8张思维导图

分别归类为:  javascript变量  javascript运算符  javascript数组  javascript流程语句  javascript字符串函数  javascript函数基础  javascript基础DOM操作  javascript正则表达式...

thinkyoung
2014/09/23
0
0
【原创】数组完整篇 / 基本操作/ 进阶 / 遍历 / 实例 / 拓展 / 取 / 赋

【基础】数组基本操作 数组的常见基本操作分为:赋值,查长度,添加push,删除delete,遍历for-in等。简单数组是一维的,但是实际工作中,数组总是与对象结合使用,叫:数组对象。 类型操作分...

柴高八斗之父
2017/08/29
0
0
前端高频面试题 JavaScript篇

以下问题都来自于互联网前端面经分享,回答为笔者通过查阅资料加上自身理解总结,不保证解答的准确性,有兴趣讨论的同学可以留言或者私信讨论。 1.JS的异步机制? 2.闭包如何实现? 3.原型链、...

大雄的学习人生
06/25
0
0
由js数组类型判断触发的浪漫思绪

一、前言 众所周知,js是门“动态”、“弱类型”编程语言,这意味着在js中可以很任性的定义变量,任性的同时也意味着需常在开发中对变量做类型判断,曾几何时,对数组变量的类型的判断是件很...

hanmin
06/08
0
0
关于javaScript的认识

NaN与Infinity和-Infinity不同的是,NaN不会与任何数值变量相等,可以用javaScript专门提供的isNaN()函数来判断某个变量是否为NaN。 Undefined类型的值只有undefined一个,该值用于表示某个变...

杨松坤
2012/05/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Nginx防盗链、访问控制、解析php相关配置、Nginx代理

一、Nginx防盗链 1. 编辑虚拟主机配置文件 vim /usr/local/nginx/conf/vhost/test.com.conf 2. 在配置文件中添加如下的内容 { expires 7d; valid_referers none blocked server_names *.tes......

芬野de博客
今天
0
0
spring EL 和资源调用

资源调用 import org.springframework.beans.factory.annotation.Value;import org.springframework.context.annotation.PropertySource;import org.springframework.core.io.Resource;......

Canaan_
今天
0
0
memcached命令行、memcached数据导出和导入

一、memcached命令行 yum装telnet yum install telent 进入memcached telnet 127.0.0.1 11211 命令最后的2表示,两位字节,30表示过期时间(秒) 查看key1 get key1 删除:ctrl+删除键 二、m...

Zhouliang6
今天
0
0
Linux定时备份MySQL数据库

做项目有时候要备份数据库,手动备份太麻烦,所以找了一下定时备份数据库的方法 Linux里有一个 crontab 命令被用来提交和管理用户的需要周期性执行的任务,就像Windows里的定时任务一样,用这...

月夜中徘徊
今天
1
1
shell-日志脚本小实验

1.查找日志2018-8-15,求得那一分钟访问量最大。 #/bin/bash#from cc#2018-8-15#2018-08-15.log 哪一分钟 访问量 最大for d in `ls /data/nginx/logs/`doif [ -a 2018-08-15...

chencheng-linux
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部