文章目录
- 一、数组对象
- 1、数组简介
- 2、数组创建
- 3、数组检测 - Array.isArray() 方法
- 4、数组检测 - instanceof 运算符
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 运算符 可以用来 检测一个对象是否是 某个 构造函数 的实例
// 创建数组对象
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>执行结果 :
