JavaScript-基础：2 基本语法6 Array类型

最新推荐文章于 2022-09-04 14:17:14 发布

0x001

最新推荐文章于 2022-09-04 14:17:14 发布

阅读量95

点赞数

分类专栏： Javascript 文章标签： JavaScript 数组 Array

本文链接：https://blog.csdn.net/bluebloodye/article/details/102962044

版权

Javascript 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

1.创建数组

参考代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>array</title>
</head>
<body>
    <script>
    // 1.
    var arr = new Array() // 创建一个空数组类型：[]
    arr[0] = 1;
    arr[1] = 2;
    arr[2] = 'sss';
    console.log('arr: ', arr);
    console.log('arr.toString(): ', arr.toString());

    // 2. 构造函数创建数组传递参数
    var arr2 = new Array(4); // 创建长度为4的数组，不过一般没用
    console.log(arr2);
    arr2[0] = 1;
    arr2[1] = 2;
    console.log(arr2);
    arr2[2] = 3;
    arr2[3] = 4;
    arr2[4] = 'afa';
    arr2[5] = 'asfe';
    console.log(arr2, "the length is:", arr2.length); // 数组长度也是跟着变的，length为6

    </script>
</body>
</html>

2 遍历数组

两种方式in的方式，length的方式。

参考代码：

    var arr2 = new Array(4); // 创建长度为4的数组，不过一般没用
    console.log(arr2);
    arr2[0] = 1;
    arr2[1] = 2;
    console.log(arr2);
    arr2[2] = 3;
    arr2[3] = 4;
    arr2[4] = 'afa';
    arr2[5] = 'asfe';
    console.log(arr2, "the length is:", arr2.length); // 数组长度也是跟着变的，length为6
    
    // 遍历数组 in
    console.log("遍历数组 in")
    for (i in arr2){
        console.log("i is "+ i, " and its value :"+ arr2[i])
    }
    // 遍历数组 length
    console.log("遍历数组 length")
    for(var i = 0; i<arr2.length; i++){
        console.log("i is "+ i, " and its value :"+ arr2[i])        
    }

ps：in的方式，当原型对象中有自定义的属性时，通过该原型创建的对象，用in来遍历其属性时，会把原型对象上自定义的属性也遍历出来。
，故

可以通过用hasOwnProperty的方式来判断是否是自己的属性，然后再打印。

3 稀疏数组

4 数组方法

4.1

注意：sort方法只能按照字符串类型的比较方法进行排序。

示例代码（此处只使用了pop()和push()和排序方法）：

    // 2. 构造函数创建数组传递参数
    var arr2 = new Array(4); // 创建长度为4的数组，不过一般没用
    console.log(arr2);
    arr2[0] = 1;
    arr2[1] = 2;
    console.log(arr2);
    arr2[2] = 3;
    arr2[3] = 4;
    arr2[4] = 'afa';
    arr2[5] = 'asfe';
    console.log(arr2, "the length is:", arr2.length); // 数组长度也是跟着变的，length为6
    
    // 遍历数组 in
    console.log("遍历数组 in")
    for (i in arr2){
        console.log("i is "+ i, " and its value :"+ arr2[i])
    }
    // 遍历数组 length
    console.log("遍历数组 length")
    for(var i = 0; i<arr2.length; i++){
        console.log("i is "+ i, " and its value :"+ arr2[i])        
    }

    // 数组方法
    console.log("数组arr2的长度为：", arr2.length);
    res = arr2.pop();
    console.log("从数组arr2中弹出"+ res);
    console.log("此时的数组arr2：", arr2);
    console.log("此时数组arr2的长度为：", arr2.length);
    index = arr2.push("good!");
    console.log("压入一个");
    console.log("此时的数组arr2：", arr2);
    console.log("此时数组arr2的长度为：", arr2.length);

    console.log("正序排序");
    arr2.sort();
    console.log(arr2);
    console.log("逆序排序");
    arr2.reverse();
    console.log(arr2);

ps：栈和队列是操作方式。

4.2 连接方法

4.3 获取切片方法 [ )

slice()

ps：对原数组不造成影响。
splice()

0x001

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript-基础：2 基本语法6 Array类型

1.创建数组参考代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...
复制链接

扫一扫