文档章节

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
《JavaScript 权威指南》读书笔记 1 - 简介

原文:https://keelii.github.io/2016/06/16/javascript-definitive-guide-note-0/ 第一章 主要介绍 JavaScript 的大概情况、基本语法。之前没有 JavaScript 基础的看不懂也没关系,后续章节...

keelii
2016/06/24
0
0
【原创】数组完整篇 / 基本操作/ 进阶 / 遍历 / 实例 / 拓展 / 取 / 赋

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

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

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

大雄的学习人生
06/25
0
0
判断javascript数组的方法

判断javascript数组的方法 var is_array=function(){ return value && } 我们知道,javascript是一种弱类型的语言,并且,javascript中的一切实质上都是对象。那么,在javascript中如何进行对...

首席xx师
2013/06/06
0
2

没有更多内容

加载失败,请刷新页面

加载更多

可爱的python测试开发库(python测试开发工具库汇总)

欢迎转载,转载请注明来源: github地址 谢谢点赞 本文地址 相关书籍下载 测试开发 Web UI测试自动化 splinter - web UI测试工具,基于selnium封装。 链接 selenium - web UI自动化测试。 链...

python测试开发人工智能安全
50分钟前
2
0
Shiro | 实现权限验证完整版

写在前面的话 提及权限,就会想到安全,是一个十分棘手的话题。这里只是作为学校Shiro的一个记录,而不是,权限就应该这样设计之类的。 Shiro框架 1、Shiro是基于Apache开源的强大灵活的开源...

冯文议
今天
1
0
linux 系统的运行级别

运行级别 运行级别 | 含义 0 关机 1 单用户模式,可以想象为windows 的安全模式,主要用于修复系统 2 不完全的命令模式,不含NFS服务 3 完全的命令行模式,就是标准的字符界面 4 系统保留 5 ...

Linux学习笔记
今天
2
0
学习设计模式——命令模式

任何模式的出现,都是为了解决一些特定的场景的耦合问题,以达到对修改封闭,对扩展开放的效果。命令模式也不例外: 命令模式是为了解决命令的请求者和命令的实现者之间的耦合关系。 解决了这...

江左煤郎
今天
3
0
字典树收集(非线程安全,后续做线程安全改进)

将500W个单词放进一个数据结构进行存储,然后进行快速比对,判断一个单词是不是这个500W单词之中的;来了一个单词前缀,给出500w个单词中有多少个单词是该前缀. 1、这个需求首先需要设计好数据结...

算法之名
昨天
15
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部