JavaScript对象和数组

最新推荐文章于 2024-04-03 12:33:59 发布

qq_42290506

最新推荐文章于 2024-04-03 12:33:59 发布

阅读量310

点赞数 1

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_42290506/article/details/115579556

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

前言

JavaScript对象和数组是非常经常用到接收和保存数据的工具，他们都可以进行遍历，数组还自带了很多操作数组方法，下面就来大致介绍一下他们的用法。

提示：以下是本篇文章正文内容，下面案例可供参考

正文

对象：对象是JS中的引用数据类型，可以保存多个不同数据类型（基本数据类型、数组、函数）的属性
- 创建对象：var obj = {};
- 添加属性：对象.属性名 = 属性值; 对象[“属性名”] = 属性值;
- 读取属性：对象.属性名;对象[“属性名”];
- 删除属性：delete 对象.属性名;delete 对象[“属性名”]
- 检查对象是否包含指定属性：“属性名” in 对象
枚举对象中的属性：
for(var 属性名 in 对象){

}

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="text" id="name"/>
		<input type="text" id="age"/>
		<input type="text" id="curdate"/>
	</body>
	<script>
		var obj = {};
		obj.name = "小明";
		obj.age = 12;
		obj.year = 2020;
		obj.month = 1;
		obj.day = 1;
		obj.getDate = function() {
			return this.year+"年"+this.month+"月"+this.day+"日";
		}
		var na = document.getElementById("name");
		var age = document.getElementById("age");
		var curdate = document.getElementById("curdate");
		na.value = obj.name;
		age.value = obj.age;
		curdate.value = obj.getDate();
	</script>
</html>

数组：数组也是一个对象，是一个用来存储数据的对象
- 创建数组：var arr = [];
- 向数组添加元素：arr[0] = 1;
- 创建数组时直接添加元素：var arr = [0,“3”…boolean];
- 获取数组长度：arr.length
- 修改数组的长度：arr.length = 10;
- 向数组的最后添加元素：arr[arr.length] = 10;
- 数组的方法：
- push()：用来向数组的末尾添加一个或多个元素，并返回数组新的长度
- pop()：用来删除数组的最后一个元素，并返回被删除的元素
- unshift()：向数组的前边添加一个或多个元素，并返回数组的新的长度
- shift()：删除数组的前边的一个元素，并返回被删除的元素
- slice()：可以从一个数组中截取指定的元素，它不会对原数组产生影响
- splice()：可以用来删除数组中指定元素，并使用新的元素替换
- reverse()：可以用来反转一个数组，它会对原数组产生影响
- concat()：可以连接两个或多个数组，它不会影响原数组，而是新数组作为返回值返回
- join()：可以将一个数组转换为一个字符串
- sort()：可以对一个数组中的内容进行排序，默认是按照Unicode编码进行排序
- call()、apply()：
- 遍历数组：
for(var i=0 ; i<arr.length ; i++){
arr[i];
}
数组.forEach(function(value , index , obj){
obj[index];
});

总结

以上就是今天要讲的内容，本文仅仅简单介绍了数组和对象的基本使用，想要用好他们还要进行更深入的学习。加油，小伙伴们！！

qq_42290506

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript对象和数组

JavaScript对象和数组前言正文总结前言JavaScript对象和数组是非常经常用到接收和保存数据的工具，他们都可以进行遍历，数组还自带了很多操作数组方法，下面就来大致介绍一下他们的用法。提示：以下是本篇文章正文内容，下面案例可供参考正文对象：对象是JS中的引用数据类型，可以保存多个不同数据类型（基本数据类型、数组、函数）的属性- 创建对象：var obj = {};- 添加属性：对象.属性名 = 属性值; 对象[“属性名”] = 属性值;- 读取属性：对象.属性名;对象[“属
复制链接

扫一扫