javascript中的数组对象
1.创建数组的三种方式:
1.1 var 数组名=[元素1,元素2,元素3...];
例如:
var arr1=[1,2,3,4];
1.2 var 数组名=new Array(元素1,元素2,元素3...)
例如:
var arr2=new Array(5,6,7,8);
1.3 通过下标的方式为数组赋值,下标从0开始
var 数组名=new Array(数组长度);
var 数组名[0]="数组第一个元素的值";
var 数组名[1]="数组第二个元素的值";
var 数组名[2]="数组第三个元素的值";
2.数组对象的属性
arr.join(sep)
把数组中的所有元素使用sep拼接成一个字符串,如果没指定分割符,则使用逗号做为分割符
例子1:
var arr = new Array(3);
arr[0] = "hello";
arr[1] = "python";
arr[2] = "javascript";
document.write(arr.join());
返回:
hello,python,javascript
例子2:
var arr = new Array(3);
arr[0] = "hello";
arr[1] = "python";
arr[2] = "javascript";
document.write(arr.join("."));
返回:
hello.python.javascript
arr.concat(array1,array2...)
array1可以是一个值,也可以是一个数组对象,该方法返回自身和参数连接在一起的新的数组
例子1:
var a = [1,2,3];
document.write(a.concat(4,5));
返回:
1,2,3,4,5
例子2:
var arr = new Array(2);
arr[0] = "hello";
arr[1] = "python";
var arr2 = new Array(2);
arr2[0] = "hello";
arr2[1] = "javascript";
document.write(arr.concat(arr2));
返回:
hello,python,hello,javascript
arr.reverse()
把数组arr进行倒序处理,原来的数组会被改变
例子:
var arr = new Array(3);
arr[0] = "hello";
arr[1] = "python";
arr[2] = "javascript";
document.write(arr + "<br />");
document.write(arr.reverse());
返回:
hello,python,javascript
javascript,python,hello
arr.sort()
对数组的元素进行排序,原来的数组会被改变
例子:
var arr = [11,33,55,77,66,44,22];
document.write(arr.sort());
返回:
11,22,33,44,55,66,77
arr.slice(start,end)
返回一个由数组arr从start(包括start)到end(不包括end)的元素组成的新数组
end不指定时,则返回从start到结尾的所有元素组成的数组
例子1:
var arr = [11,33,55,77,66,44,22];
document.write(arr.slice(2,6));
返回:
55,77,66,44
例子2:
var arr = [11,33,55,77,66,44,22];
document.write(arr.slice(2));
返回:
55,77,66,44,22
arr.splice(start,deleteCount,value1,value2)
从数组arr的start索引处开始删除长度为deleteCount的元素,并向数组被删除的元素的位置添加value1,value2,然后返回被删除的元素,原来的数组会被改变
例子:
var arr = [11,33,55,77,66,44,22];
document.write(arr.splice(2,3,88,99)+"<br>");
document.write(arr);
返回:
55,77,66
11,33,88,99,44,22
arr.push(value1,value2,value3)
向数组的末尾添加一个或多个元素,并返回新数组的长度
例子:
var arr = [11,33,55,77,66,44,22];
document.write(arr.push(88,99)+"<br>");//返回数组的长度
document.write(arr); //返回新的数组
返回:
9
11,33,55,77,66,44,22,88,99
arr.pop()
删除并返回数组的最后一个元素
例子:
var arr = [11,33,55,77,66,44,22];
document.write(arr.pop()+"<br>");//删除并返回数组arr的最后一个元素
document.write(arr); //打印数组
返回:
22
11,33,55,77,66,44
arr.unshift(value1,value2,value3)
向数组的开头添加一个或多个元素,并返回新数组的长度
例子:
var arr = [11,33,55,77,66,44,22];
document.write(arr.unshift("aa","bb","cc")+"<br>");
document.write(arr);
返回:
10
aa,bb,cc,11,33,55,77,66,44,22
arr.shift()
删除并返回数组的第一个元素
例子:
var arr = [11,33,55,77,66,44,22];
document.write(arr.shift()+"<br>");
document.write(arr);
返回:
11
33,55,77,66,44,22
3.数组的遍历
使用for循环可以遍历整个数组
定义数组arr1
var arr1 = [12,23,34,"python","js"];
可以使用for循环的两种方式遍历arr1数组:
方式1:
for (i in arr1){
console.log(arr1[i]);
}
方式2:
for(var i=0;i<arr1.length;i++){
console.log(arr1[i])
}
4.数组中元素的个数,length属性
console.log(arr1.length);
javascript中的数组对象的更多相关文章
- JavaScript中Array(数组) 对象
JavaScript中Array 对象 JavaScript中创建数组有两种方式 (一)使用直接量表示法: var arr4 = []; //创建一个空数组var arr5 = [20]; // 创建 ...
- JavaScript 中有关数组对象的方法
JS 处理数组多种方法 js 中的数据类型分为两大类:原始类型和对象类型. 原始类型包括:数值.字符串.布尔值.null.undefined 对象类型包括:对象即是属性的集合,当然这里又两个特殊的对象 ...
- javascript中对数组对象的深度拷贝
在前端开发的某些逻辑中,经常需要对现有的js对象创建副本,避免污染原始数据的情况. 如果是简单的一维数组对象,可以使用两个原生方法: 1.splice var arr1 = ['a', 'b', 'c ...
- JavaScript中的数组对象遍历、读写、排序等操作
以百度前端技术学院的js任务三为例,复习一下关于js数组的几个点 题目 <!DOCTYPE> <html> <head> <meta charset=&quo ...
- 前端开发:Javascript中的数组,常用方法解析
前端开发:Javascript中的数组,常用方法解析 前言 Array是Javascript构成的一个重要的部分,它可以用来存储字符串.对象.函数.Number,它是非常强大的.因此深入了解Array ...
- javascript中关于数组的一些鄙视题
一.判断一个数组中是否有相同的元素 /* * 判断数组中是否有相同的元素的代码 */ // 方案一 function isRepeat1(arrs) { if(arrs.length > 0) ...
- Javascript中判断数组的正确姿势
在 Javascript 中,如何判断一个变量是否是数组? 最好的方式是用 ES5 提供的 Array.isArray() 方法(毕竟原生的才是最屌的): var a = [0, 1, 2]; con ...
- javascript中的数组扩展(一)
javascript中的数组扩展(一) 随着学习的深入,发现需要学习的关于数组的内容也越来越多,后面将会慢慢归纳,有的是对前面的强化,有些则是关于前面的补充. 一.数组的本质 数组是按照次序排 ...
- JavaScript中的数组详解
JavaScript中的数组 一.数组的定义 数组是值的有序集合,或者说数组都是数据的有序列表. 二.创建数组 [字面量形式] 1.空数组 var arr=[]; 2.带有元素的数组 var arr= ...
随机推荐
- 数组Array、数组API
1.数组:批量管理多个数据的存储空间. 数组的作用:现实中,批量管理多个数据都是集中分组存放,良好的数据结构,可极大提高程序的执行效率! 优点:方便查找 2.创建数组:(4种方式) (1)var 变量 ...
- MySQL Connector 卸载
MySQL Connector 安装的时候有时候会遇到很多问题,有时候会卸载失败,导致无法重新安装.测试了网上各种办法,删文件,删注册表,重启,360强行删除都不是很有效.最后发现msizap比较有效 ...
- 案例:中科院光机所应用大数据可视化工具-LightningChart | 见证高性能图表
中国科学院上海光学精密机械研究所 中国现代光学和激光科学领域领先研究所 中国科学院上海光学精密机械研究所(简称中科院上海光机所)是我国建立最早.规模最大的激光专业研究所,成立于1964年,现已发展成为 ...
- delphi XE Datasnap SERVER 在windows 7 下为服务添加描述信息
网上对服务添加描述信息的,多数是用注册表的方式,而注册表的方式,我在win7 下测试,不知为什么,总是不行,把执行的CMD以管理员模式开启,还是没加进去. 于是在网上查到下面的代码,保存供叁考,原文博 ...
- js 标签云
以前只看到wordpress上面有个标签云的效果挺6,就好奇的弄个试试,还好网上有很多小伙伴的分享了,借鉴过来了 哈哈 html代码 <!DOCTYPE html> <html&g ...
- 初探云服务器ECS(Linux系统)
PS: 购买的阿里云服务器(ECS,Linux系统),使用的弹性公网IP(EIP). 一.使用Xshell链接ECS 1.将公网IP填入主机即可 2.用户名一般为root,密码是自己设置的,填入即可. ...
- 二分查找(Java实现)
二分查找:递归实现 public class BinarySearch { /** * @param arr 代查找的数组,需要有序 * @param left 查找区间的左界限 * @param r ...
- 1-3 Spring Bean 的属性值设置
详见http://www.cnblogs.com/chenssy/archive/2013/03/17/2964593.html 1.注入普通的属性值 <bean id="Cat&qu ...
- 【jQuery】 JQ和HTML以及JQ遍历元素
JQ & HTML JQ作为一个JS库,很好地继承了JS和HTML互动的特点,并且还给出了包装得更好,操作层次更高的方法.和之前JQ的内容一样,方法的表现形式是$(selector).acti ...
- SpringMVC参数校验
使用SpringMVC时配合hibernate-validate进行参数的合法性校验,能节省一定的代码量. 使用步骤 1.搭建Web工程并引入hibernate-validate依赖 <depe ...