JS数组

2023-12-03 23:51:34

代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组</title>
</head>
<body>

</body>
</html>
<script>

    var arr2 = [1, 2, 3, 4, 5, 6, 7]
    arr2.shift()
    console.log(arr2, "arr2")
    //默认删去第一个元素

    arr2.unshift(0)
    console.log(arr2)
    //加上第零个元素

    arr2.pop()
    console.log(arr2)//[]
    //在后面删除


    arr2.push(8)
    console.log(arr2)//[]
    //在后面增加


    var arr3 = [1, 2, 3, 4, 5, 6, 7]
    arr3.splice(2, 3, 'a', 'b', 'c')
    //从第二个元素开始，删去3个元素，然后换为abc
    console.log(arr3, "arr3")


    console.log(arr3.length)
    var arr4 = new Array(9, 10)
    //如果输入一个值，则改值是他的数组长度
    //如果多个值则这多个值组成这个数组中的各个元素
    console.log(arr4.length)
    console.log(arr4)


    // typeof

    var a = 1
    console.log(typeof (a))
    //自动检测为什么数据类型
    var b = []
    console.log(typeof (b))
    console.log(Array.isArray(b))
    //判断他是否为数组
    //object
    var c = {}
    console.log(typeof (c))
    console.log(Array.isArray(c))
    //object

    var d = []
    var e = []
    Array.isArray() == true ? console.log('是数组') : console.log('不是数组')
    console.log(Array.isArray(e) ? '是数组' : '不是数组')
    // if (Array.isArray(d)==true){
    //     console.log('是数组')
    // }else{
    //     console.log('不是数组')
    // }



    //语法糖

    var arr5 = [1,2,3,4]
    for (var i=0;i<arr5.length;i++){
        console.log(arr5[i])
    }
    // 其他写法
    // for (var i = arr5.length-1;i>=0;i--){
    //     console.log(arr5[i])
    // }
    // for (i in arr5){
    //     console.log(arr5[i])
    // }
    // for(i of arr5){
    //     console.log(arr5[i])
    // }



</script>

　　console输出效果为

我们分步骤一个一个分析

var arr2 = [1, 2, 3, 4, 5, 6, 7]
    arr2.shift()
    console.log(arr2, "arr2")

　　首先arr.shift()的作用为

    默认删去第一个元素

效果如下我们删去了第一个元素1

第二个

 arr2.unshift(0)
    console.log(arr2)

arr2.unshift(0)的作用是

   加上第零个元素

效果如下我们的加上了第零个元素0

第三个

    arr2.pop()
    console.log(arr2)//[]

 arr2.pop()的作用是删除最后面那个元素

如图所示我们删去了最后的一个元素7

第四个

    arr2.push(8)
    console.log(arr2)//[]

  arr2.push(8)的作用是在后面增添元素

如图所示我们在后面增加了一个元素8

第五个

   var arr3 = [1, 2, 3, 4, 5, 6, 7]
    arr3.splice(2, 3, 'a', 'b', 'c')
    console.log(arr3, "arr3")

    arr3.splice(2, 3, 'a', 'b', 'c')作用是

从第二个元素开始，删去3个元素，然后换为abc

如图所示，我们替换成了abc

第六个

    var a = 1
    console.log(typeof (a))

typeof (a)的作用是自动检测为什么数据类型

效果如图

第七个

    var b = []
    console.log(typeof (b))
    console.log(Array.isArray(b))

    var c = {}
    console.log(typeof (c))
    console.log(Array.isArray(c))

Array.isArray(b)判断它是否为数组

输出true flase

效果如下

码农公寓

相关文章