JavaScript|数组对象
讲到数组会有人问,什么是数组?数组就是有序数据的集合,在JavaScript中的数组元素允许属于不同的数据类型,用数组名和下标就可以唯一地确定数组中的元素。接下来将会详细的讲解一下JavaScript数组对象。
创建数组对象
数组是具有相同数据类型的变量集合,这些变量都可以通过检索进行访问。数组中的变量称为数组的元素,数组能够容纳元素的数量称为数组的长度。数组中的每一个元素都具有唯一的索引(下标)与其相对应,在JavaScript中,数组的索引从零开始。
数组对象使用Array,新建数组对象有三种方法。
方法一:var 数组名 = new Date();//新建一个长度为0的数组 方法二:var 数组名 = new Date(n);//新建一个长度为n的数组 方法三:var 数组名 = new Date(元素1,元素2,元素3,…);//新建一个指定长度的数组并赋值 |
---|
数组对象属性的应用
在JavaScript中数组对象的属性主要有三个:
constructor:返回对创建对象的数据函数的引用; |
---|
length:设置或返回数组中的元素的数目; |
prototype:使开发者有能力向对象添加属性和方法 |
1.constructor
constructor属性返回对创建对象的数据函数的引用,其语法格式如下:
object. constructor; |
---|
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>数组对象的学习</title>
</head>
<body>
<script type="text/javascript">
var myArray1 = new Array();
if(myArray1.constructor==Array){
document.write("这是数组对象");
}
if(myArray1.constructor==Boolean){
document.write("这是布尔对象");
}
if(myArray1.constructor==Date){
document.write("这是日期对象");
}
if(myArray1.constructor==String){
document.write("这是字符串对象");
}
</script>
</body>
</html>
显示结果:
图1 数组对象的constructor属性结果
2. length
Length返回数组元素中元素的数目,其语法格式如下:
arrayObject.length; |
---|
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>数组对象的学习</title>
</head>
<body>
<script type="text/javascript">
var arr = new Array(3);
arr[0] = "xiaozhan"
arr[1] = "zhangyunlei"
arr[2] = "zhangjie"
document.write("数组的长度:" + arr.length);
document.write("<br />");
arr.length=5;
document.write("设置之后的长度:" + arr.length);
</script>
</body>
</html>
显示结果:
图2 数组对象的length属性结果
3.prototype
Prototype属性可以对对象田间属性和方法。其语法格式如下:
Object,prototype.name = value; |
---|
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>数组对象的学习</title>
</head>
<body>
<script type="text/javascript">
Array.prototype.outAll = function(ar){
for(var i=0;i<this.length;i++){
document.write(this[i]);
document.write(ar);
}
document.write("<br>");
}
var arr = new Array(1,2,3,4,5,6,7,8,9);
arr.outAll("");
</script>
</body>
</html>
显示结果:
图3 数组对象的prototype属性结果
数组对象常用方法
在JavaScript中,有大量的数组常用的操作方法,比如合并数组、删除数组元素、添加数组元素等。只有不断地运用这些方法才能熟练的掌握。在这里给大家展示一下数组对象方法表,可帮助大家快速查找需要用到的方法。
方法 |
描述 |
---|---|
concat() |
连接两个或更多的数组,并返回结果。 |
pop() |
删除并返回数组的最后一个元素 |
join() |
把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔 |
push() |
向数组的末尾添加一个或更多元素,并返回新的长度。 |
reverse() |
颠倒数组中元素的顺序。 |
slice() |
从某个已有的数组返回选定的元素 |
shift() |
删除并返回数组的第一个元素 |
sort() |
对数组的元素进行排序 |
splice() |
删除元素,并向数组添加新元素 |
toString() |
把数组转换为字符串,并返回结果 |
toSource() |
返回该对象的源代码 |
toLocaleString() |
把数组转换为本地数组,并返回结果 |
unshift() |
向数组的开头添加一个或更多元素,并返回新的长度 |
valueOf() |
返回数组对象的原始值 |
结语
JavaScript中数组可以用一个变量名存储所有的值,并且可以用变量名访问任何一个值。因为数组中的每个元素都有自己的的ID,可以方便它可以很容易地被访问到,所以学会数组对象的属性和常用方法,可以减少查找数据和储存数据的工作量。
END
主 编 | 王楠岚
责 编 | 程 才
where2go 团队
- 在jfinal中使用druid,并配置查看权限
- java中遇到过的String的一些特性
- Kaggle案例——使用scikit-learn解决DigitRecognition问题
- 基于Kaggle数据的词袋模型文本分类教程
- javascript中遇到的字符串对象处理
- 传统企业站开发 - 页面布局
- AngularJS中使用service,并同步数据
- 2016.05 第四周 群问题分享
- angularjs中 *.min.js.map 404的问题
- Git与通过Git添加提交文件
- Facebook社交网络R语言分析
- 初次使用AngularJS中的ng-view,路由控制
- Android Hook技术防范漫谈
- 美团点评基于Storm的实时数据处理实践
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Centos7下Samba服务器配置(实战)
- Linux系统中创建SSH服务器别名的两种方法
- Linux下卸载MySQL8.0版本的操作方法
- Linux服务器上安装Python3的两种方式
- Centos7安装ElasticSearch 6.4.1入门教程详解
- Windows 和 Linux 上Redis的安装守护进程配置方法
- 在Linux系统上安装Spring boot应用的教程详解
- 使用openssl 生成免费证书的方法步骤
- linux cd的含义以及用法
- leetcode栈之比较含退格的字符串
- CentOS使用本地yum源搭建LAMP环境图文教程
- 清除CentOS 6或CentOS 7上的磁盘空间的方法
- leetcode栈之二叉树的前序遍历
- 解决Linux下Mysql5.7忘记密码问题
- CentOS8.0 安装配置ftp服务器的实现方法