21xrx.com
2024-11-22 09:42:01 Friday
登录
文章检索 我的文章 写文章
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']}}
()
回复
回复