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= ...
随机推荐
- 八年架构师大咖首次揭秘,年薪50W秘籍!
序言 我是土生土长的老北京人,你们肯定觉得我很有钱,为啥呢? 因为觉得我是北京户口,其实你们错了,我的房子是靠我自己买的,父母基本上没帮到我什么,当然,我也不需要吧! 我只想说,作为一名程序员,我很自 ...
- A brief introduction to weakly supervised learning(简要介绍弱监督学习)
by 南大周志华 摘要 监督学习技术通过学习大量训练数据来构建预测模型,其中每个训练样本都有其对应的真值输出.尽管现有的技术已经取得了巨大的成功,但值得注意的是,由于数据标注过程的高成本,很多任务很难 ...
- webpack深入场景——开发环境和生产环境配置
以前自己写一小项目时,webpack的配置基本就是一套配置,没有考虑生产环境和开发环境的区分,最近在做一个复杂的商城项目接触到了webpack的高级配置,经过两天的研究,写出了一份目前来说比叫满意的配 ...
- CentOS 6.4 配置 Hadoop 2.6.5
(以下所有文件:点此链接 里面还有安装的视频教学,我这里是亲测了一次,如有报错请看红色部分.实践高于理论啊兄弟们!!) 一.安装CentOS 6.4 在VMWare虚拟机上,我设置的用户是hadoop ...
- org.springframework.beans.factory.BeanDefinitionStoreException错误
Bean没有被装到IOC中,多半是未加相应的Jar
- JDK配置及tomcat部署
JDK配置及tomcat部署 2017-09-30-17:54:03 个人原创博客,转载请注明出处,作者,否则依法追究责任,文中引用了一些百度经验的图片,特此注明. 一,配置JDK:1.8.0_66版 ...
- docker学习系列(五):使用docker创建集成服务--lnmp
在掌握了docker的基本命令之后,我也是想着去用docker做一点实际的配套环境,就拿自己最常用的lnmp环境来做测试.配套环境运行的顺序依次是mysql->php->nginx,至于为 ...
- Navicat通过跳板机连接数据库
完成对应设置后,即可连接数据库,本人亲测!
- JavaScript对象入门指南
前言 不少开发对JavaScript实现面向对象编程存在一知半解,并且不少的在项目实践中写的都是面向过程编程的代码,因此,希望能从零入手介绍面向对象的一些概念到实现简单的面向对象的例子让大家包括我自己 ...
- vue组件利用formdata图片预览以及上传《转载》
转载修改 在项目中直接新建一个单文件页,复制一下代码即可 upload组件: <template> <div class="vue-uploader" ...