[暑假]Js的数组学习

最新推荐文章于 2023-06-09 15:05:51 发布

原创最新推荐文章于 2023-06-09 15:05:51 发布 · 134 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript 专栏收录该内容

29 篇文章

订阅专栏

博客介绍了JavaScript中数组的相关知识，包括两种创建数组的方式，即利用数组字面量和new Array()；还提及检测是否为数组的两种方式，以及添加删除数组元素的方法。

1.数组创建的方式

一共有两种:

第一种: 利用数组字面量

第二种: 利用new Array()

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
    //   1.利用数组字面量
    var arr = [1, 2];

    //   2.利用new Array() 构造函数
    var arr1 = new Array(1, 2); //等价于 [2, 3]
    </script>
</head>
<body>
    
</body>
</html>

2.检测是否为数组的两种方式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 检测是否为数组
        var text = [];
        // 1. instanceof 运算符  它可以用来检测是否为数组    
        alert(text instanceof Array);
        // 2，用 Array.isArray(参数); H5新增的方法  支持IE9以上的版本
        alert(Array.isArray(text));
        
    </script>
</head>
<body>
    
</body>
</html>

3. 添加删除数组元素的方法

方法名	解释	返回值
push(参数1,参数2等等)	向末尾添加一个或者多个元素,同时会修改原数组的长度	返回新的长度
pop()	删除数组最后一个元素, 同时把长度减一	返回删除的元素的值
unshift(参数1, 参数2等等)	向数组的开头添加一个或更多元素	返回新的长度
shift()	删除数组的第一个元素, 数组长度减1	返回第一个元素的值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
     var arr = [1, 2, 3];
 /*  1. 
       arr.push(4, 5, 6)
       alert(arr);
     */ 
  /*  2.
        arr.pop();
        alert(arr);
        */ 
  /*
      3.
        arr.unshift('t');
        alert(arr);
        */ 
   /*    
       4. 
         arr.shift();
         alert(arr);
       */
    </script>
</head>
<body>
    
</body>
</html>