文档章节

javascript数组操作

指尖残雪
 指尖残雪
发布于 2016/05/22 23:56
字数 572
阅读 3
收藏 0
点赞 2
评论 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

由js数组类型判断触发的浪漫思绪

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

hanmin ⋅ 06/08 ⋅ 0

code-rhythm:写了个vscode扩展,让代码更有快感

项目地址 Github - onvno/code-rhythm 原因 写代码本身是件快乐的事情,但开发中总有各种烦恼。 有时候一个很简单的方法,因为不确定传参的形式,不确定返回形式,不确定具体用法,就得翻墙,...

onvno_ ⋅ 06/07 ⋅ 0

JavaScript零基础入门——(八)JavaScript的数组

JavaScript零基础入门——(八)JavaScript的数组 欢迎大家回到我们的JavaScript零基础入门,上一节课我们讲了有关JavaScript正则表达式的相关知识点,便于大家更好的对字符串进行处理。这一...

JandenMa ⋅ 06/19 ⋅ 0

【JSConf EU 2018】JavaScript引擎: 精粹部分

JSConf EU 2018圆满结束, 谷歌V8的开发者Mathias Bynens以及Benedikt Meurer一起发表了《JavaScript Engines: The Good Parts™》演讲,本文将带领大家回顾一下演讲上所提到的重点。 演讲第一...

想成为工匠的码农 ⋅ 06/19 ⋅ 0

5 分钟掌握 JavaScript 实用窍门

简评:一开始 JavaScript 只是为网页增添一些实时动画效果,现在 JS 已经能做到前后端通吃了,而且还是年度流行语言。本文分享几则 JS 小窍门,可以让你事半功倍 ~ 1. 删除数组尾部元素 一个...

⋅ 06/07 ⋅ 0

Lynx技术分析-JS引擎扩展设计

JS Binding 技术 Lynx(一个高效的跨平台框架) 的 JS Binding 技术最主要的目的是搭建一个高效的与 JS 引擎解耦的通信桥梁,同时具备 JS 引擎切换的能力。该技术经历了多次迭代,最终通过抽...

hxxft ⋅ 05/15 ⋅ 0

JavaWeb03-HTML篇笔记(七)

1.1 案例六:使用JS完成省市联动的效果:1.1.1 需求: 在注册页面上有两个下拉列表,左侧省份的下拉列表一改变,右侧的市的下拉列表也要跟着发生变化. 1.1.2 分析:1.1.2.1 技术分析: 【JS中创...

我是小谷粒 ⋅ 05/07 ⋅ 0

来学着写自己的“jQuery”

jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作 jQuery是开源软件,使用MIT许可证授权。jQuery的语法设计使得许多操作变得容易,如操作文档对象(document)、选择文档...

YyzclYang ⋅ 05/24 ⋅ 0

15个必备的javascript小技巧,看的懂是入门,全会写就是大神

1、变量转换 看起来很简单,但据我所看到的,使用构造函数,像Array()或者Number()来进行变量转换是常用的做法。始终使用原始数据类型(有时也称为字面量)来转换变量,这种没有任何额外的影...

急速奔跑中的蜗牛 ⋅ 06/06 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

【elasticsearch】 随笔 Date datatype

一。时间类型的本质 首先json是没有时间类型的,对于es来说,时间类型的标示可以是下面三种情况 1.一个时间格式的字符串,如:"2014-11-27T08:05:32Z","2015-01-01" or "2015/01/01 12:10:3...

xiaomin0322 ⋅ 24分钟前 ⋅ 0

阿里云资源编排ROS使用教程

阿里云资源编排ROS详细内容: 阿里云资源编排ROS使用教程 资源编排(Resource Orchestration)是一种简单易用的云计算资源管理和自动化运维服务。用户通过模板描述多个云计算资源的依赖关系、...

mcy0425 ⋅ 26分钟前 ⋅ 0

适配器设计模式

1、适配器模式 把一个类的接口变换成客户端所期待的另一种接口 使原本因接口不匹配而无法在一起工作的两个类能够在一起工作 分为类的适配器模式和对象的适配器模式 2、类适配器模式 类的适配...

职业搬砖20年 ⋅ 30分钟前 ⋅ 0

npm操作报错 _stream_writable.js:61

有一天 不知道什么原因(估计和node的版本有关),无论你做什么npm的操作 都会报错/usr/local/lib/node_modules/npm/node_modules/readable-stream/lib/_stream_writable.js:61 这时候只要执...

lilugirl ⋅ 34分钟前 ⋅ 0

Eclipse安装插件的几种方式

Eclipse魅力之一就是支持可扩展的插件,来丰富自身的功能,这种方式也是建立在开源思想之上的。具体使用什么方式去安装插件,要看我们拿到的是什么。 1. 拿到的是一串URL,如http://subclips...

GordonNemo ⋅ 36分钟前 ⋅ 0

div图片叠加

css实现代码如下: <div style="position: relative;"><!--这个层为外面的父层,需设置相对位置样式--> <div style="position: absolute;"><!--子层,需设置绝对位置样式--> <i......

niithub ⋅ 38分钟前 ⋅ 0

作用域slot

如果父组件需要使用子组件中的内容怎么办,比如父组件需要控制子组件的显示 <div id="root"><child><template slot-scope="props"><h1>{{props.item}} <div>编辑</div></h1><......

金于虎 ⋅ 40分钟前 ⋅ 1

HongHu commonservice-eureka 项目构建过程

上一篇我们回顾了关于 spring cloud eureka的相关基础知识,现在我们针对于HongHu cloud的eureka项目做以下构建,整个构建的过程很简单,我会将每一步都构建过程记录下来,希望可以帮助到大家...

明理萝 ⋅ 43分钟前 ⋅ 1

xml和对象的相互转化

@Data//setter和getter方法,toString和equals,hashcode方法@EqualsAndHashCode//代表重写equals和hashcode方法@XmlAccessorType(XmlAccessType.FIELD)public class Classroom {@X......

拐美人 ⋅ 43分钟前 ⋅ 0

tableView cell的高度 分组头部尾部的高度 自适应

@property (nonatomic) CGFloat rowHeight; // default is UITableViewAutomaticDimension@property (nonatomic) CGFloat sectionHeaderHeight; // default is UITableViewA......

娜一片蓝色星海 ⋅ 44分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部