【JavaScript】内置对象 - 数组对象 ① ( 数组简介 | 数组创建 | 数组类型检测 )

韩曙亮

发布于 2024-05-16 15:00:48

510

发布于 2024-05-16 15:00:48

文章被收录于专栏：韩曙亮的移动开发专栏韩曙亮的移动开发专栏

Array 数组对象参考文档 : https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array

一、数组对象

1、数组简介

在 JavaScript 中 , 提供了一种内置对象 " 数组 " , 用于存储一系列的值 , 这些值可以是任意类型的数据 , 包括数字 / 字符串 / 对象 / 其他数组 , 数组对象还提供了一系列的方法和属性操作和处理这些值 ;

push 方法 : 在数组末尾添加元素 ;
pop 方法 : 删除并返回数组的最后一个元素 ;
shift 方法 : 删除并返回数组的第一个元素 ;
unshift 方法 : 在数组开头添加一个或多个元素 ;
slice 方法 : 返回数组的一部分 ;

2、数组创建

数组创建 :

使用字面量创建数组 :
- 创建空数组 : var arr = []; 将字面量 [] 赋值给变量 , 创建的是一个空数组 ;
- 创建非空数组 : var arr = [1, 2, 3] , 将字面量 [1, 2, 3] 赋值给变量 , 创建数组并进行初始化 , 将 1 2 3 三个元素赋值给对象变量 ;
使用 new Array() 创建数组 :
- 创建空数组 : var arr = new Array(); 创建一个空的数组 , 元素数量为 0 ;
- 创建非空数组 : var arr = new Array(1, 2, 3); 创建一个非空的数组 , 并进行初始化 ;

3、数组检测 - Array.isArray() 方法

调用 Array.isArray(arr) 函数 , 可以检测 arr 变量是否是数组对象 , 传入的参数是要检测的变量 ;

Array.isArray() 方法文档 : https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray

语法 :

Array.isArray(value)

value 参数是要检测的对象 ;
返回值 : 如果 value 是 Array , 返回 true , 否则返回 false ;

        // 创建数组对象
        let arr = [1, 2, 3];
        // 创建普通空对象
        let obj = {};

        // 输出 : true 
        console.log(Array.isArray(arr));
        // 输出 : false 
        console.log(Array.isArray(obj));

代码示例 :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <style></style>
    <script>
        // 创建数组对象
        let arr = [1, 2, 3];
        // 创建普通空对象
        let obj = {};

        // 输出 : true 
        console.log(Array.isArray(arr));
        // 输出 : false 
        console.log(Array.isArray(obj));
    </script>
</head>

<body>

</body>

</html>

执行结果 :

4、数组检测 - instanceof 运算符

使用 instanceof 运算符可以用来检测一个对象是否是某个构造函数的实例 , 也就是可以检测某个对象是否由 Array 构造函数创建的 ;

        // 创建数组对象
        let arr = [1, 2, 3];
        // 创建普通空对象
        let obj = {};

        // 输出 : true 
        console.log(arr instanceof Array);
        // 输出 : false 
        console.log(obj instanceof Array);

完整代码示例 :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <style></style>
    <script>
        // 创建数组对象
        let arr = [1, 2, 3];
        // 创建普通空对象
        let obj = {};

        // 输出 : true 
        console.log(arr instanceof Array);
        // 输出 : false 
        console.log(obj instanceof Array);
    </script>
</head>

<body>

</body>

</html>

执行结果 :