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= ...
随机推荐
- MPTCP iperf 发包方式
之前用的发包方式是发送大文件,用NC监测. 今天改了另外一种发包方式iperf,简单记录下. iperf发包,具体方法: 1.在终端中运行拓扑脚本: 运行py脚本:sudo python topy.p ...
- Windows Developer Day - MSIX and Advanced Installer
前面一篇我们介绍了 Adaptive Cards 的基础知识,而在 Windows Developer Day 的 Modern Application Experience 环节,还有一个需要划重点 ...
- [转]ZooKeeper的学习与应用
[转]ZooKeeper的学习与应用 http://blog.csdn.net/rengq126/article/details/7393227 1. ZooKeeper的学习与应用 1.1. 概述 ...
- JS 装饰器解析
随着 ES6 和 TypeScript 中类的引入,在某些场景需要在不改变原有类和类属性的基础上扩展些功能,这也是装饰器出现的原因. 装饰器简介 作为一种可以动态增删功能模块的模式(比如 redux ...
- 使用git工具快速push项目到github(精简)
Dear Weber ,相信有很多刚开始接触前端的程序猿,在刚接触到git工具传项目到github上时会遇到一些问题,那么下面的话呢,我就整理一下一个大致的思路提供给大家参考: 工具:git (自行下 ...
- 关于JDK和eclipse的安装和汉化
参考网址:http://jingyan.baidu.com/article/f96699bb8b38e0894e3c1bef.html http://titanseason.iteye.com/blo ...
- Python3基础教程1——Python的环境搭建
2018年3月8日 当然推荐一个比较系统的教程 http://www.runoob.com/python3/python3-tutorial.html 人家也写的也比我好啦 本教程为新手向的,请大佬跳 ...
- android 获取wifi列表,如果你忽略了这个细节,可能你的软件会崩溃
一:业务描述 最近公司有一个小需求,用户点击wifi扫描按钮(注意:是用户主动点击wifi扫描按钮),app去扫描附近的wifi,显示在listView中,仅此而已,app都不用去连接某个wifi,看 ...
- springMvc(一)
SpringMvc 1. 核心:DispatcherServlet 1.1作用:负责拦截请求并分派给相应的处理器处理 1.2配置DispatcherServlet(web.xml) 2.配置处理器映射 ...
- java函数回调
Class A实现接口CallBack callback--背景1 class A中包含一个class B的引用b --背景2 class B有一个参数为callback的方法f(CallBack c ...