21xrx.com
2024-12-22 21:32:32 Sunday
登录
文章检索 我的文章 写文章
JavaScript复合数据类型详解：Array和Object
2023-06-19 03:09:33 深夜i     --     --
JavaScript Array Object

JavaScript复合数据类型详解：Array和Object

JavaScript是一种高级编程语言，在前端开发中被广泛应用。在JavaScript中，除了基本数据类型外，还有两种复合数据类型Array和Object。本文将详细介绍这两种复合数据类型的定义、创建和使用方法。

1. Array-数组

Array是JavaScript中的一种有序集合，它可以包含任意数量的任意类型的元素。每个元素可以通过其下标（索引）来访问。数组可以通过下列方式进行创建和初始化：



let arr1 = [];//空数组


let arr2 = [1,2,3];//包含3个元素的数组，元素为1、2、3


let arr3 = new Array();//等价于let arr1=[]


let arr4 = new Array(1,2,3);//等价于let arr2=[1,2,3]

数组的元素可以使用下标进行访问，如访问第一个元素：



let arr = [1,2,3];


console.log(arr[0]);//输出1

数组还有许多常用的方法，比如：



//在数组末尾添加元素


arr.push(4);


console.log(arr);//输出[1,2,3,4]


//删除并返回数组的最后一个元素


let lastItem = arr.pop();


console.log(lastItem);//输出4


console.log(arr);//输出[1,2,3]


//合并两个数组


let arr5 = [4,5,6];


let arr6 = arr.concat(arr5);


console.log(arr6);//输出[1,2,3,4,5,6]


//按照指定方式排序


arr6.sort((a, b) => a - b);


console.log(arr6);//输出[1,2,3,4,5,6]

2. Object-对象

Object是JavaScript中的一种无序集合，它由一组属性和属性值组成。对象中的属性可以是基本数据类型、函数或更复杂的对象。对象可以通过下列方式进行创建和初始化：



let obj1 = {};//空对象


let obj2 = age: 20;//包含2个属性的对象，属性分别为name（值为"Tom"）和age（值为20）


let obj3 = new Object();//等价于let obj1={}


let obj4 = new Object( age: 20);//等价于let obj2= age: 20

对象的属性可以使用点号或方括号访问，如访问name属性：



let obj = name: "Tom";


console.log(obj.name);//输出"Tom"


console.log(obj['name']);//也输出"Tom"

对象还有许多常用的方法，比如：



//判断对象是否包含指定属性


console.log('name' in obj);//输出true


//删除对象的指定属性


delete obj.age;


console.log(obj);//输出{name: "Tom"}

综上所述，Array和Object是JavaScript中两种常用的复合数据类型，它们拥有各自的特性和方法，能够满足不同场景中的需求。

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复