js Array 对象

原创已于 2023-05-06 15:51:07 修改 · 792 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#开发语言 #html #javascript #前端

于 2023-05-06 15:24:36 首次发布

Array对象用于存储多个值，可以通过newArray()构造函数创建。它可以接受参数来初始化元素，如newArray(size)或newArray(element0,element1,...,elementn)。Array对象包含多种方法，如concat(),join(),pop(),push(),reverse(),shift(),slice(),sort(),splice(),toString(),toLocaleString()等，用于操作和转换数组。此外，文章还展示了如何使用这些方法进行数组操作的例子。

Array 对象

Array 对象用于在单个的变量中存储多个值。

创建 Array 对象的语法：

new Array();
new Array(size);
new Array(element0, element1, ..., elementn);

参数

参数 size 是期望的数组元素个数。返回的数组，length 字段将被设为 size 的值。

参数 element ..., elementn 是参数列表。当使用这些参数来调用构造函数 Array() 时，新创建的数组的元素就会被初始化为这些值。它的 length 字段也会被设置为参数的个数。

返回值

返回新创建并被初始化了的数组。

如果调用构造函数 Array() 时没有使用参数，那么返回的数组为空，length 字段为 0。

当调用构造函数时只传递给它一个数字参数，该构造函数将返回具有指定个数、元素为 undefined 的数组。

当其他参数调用 Array() 时，该构造函数将用参数指定的值初始化数组。

当把构造函数作为函数调用，不使用 new 运算符时，它的行为与使用 new 运算符调用它时的行为完全一样。

Array 对象属性

FF: Firefox, IE: Internet Explorer

属性	描述	FF	IE
constructor	返回对创建此对象的数组函数的引用。	1	4
index		1	4
input		1	4
length	设置或返回数组中元素的数目。	1	4
prototype	使您有能力向对象添加属性和方法。	1	4

Array 对象方法

FF: Firefox, IE: Internet Explorer

方法	描述	FF	IE
concat()	连接两个或更多的数组，并返回结果。	1	4
join()	把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。	1	4
pop()	删除并返回数组的最后一个元素	1	5.5
push()	向数组的末尾添加一个或更多元素，并返回新的长度。	1	5.5
reverse()	颠倒数组中元素的顺序。	1	4
shift()	删除并返回数组的第一个元素	1	5.5
slice()	从某个已有的数组返回选定的元素	1	4
sort()	对数组的元素进行排序	1	4
splice()	删除元素，并向数组添加新元素。	1	5.5
toSource()	返回该对象的源代码。	1	-
toString()	把数组转换为字符串，并返回结果。	1	4
toLocaleString()	把数组转换为本地数组，并返回结果。	1	4
unshift()	向数组的开头添加一个或更多元素，并返回新的长度。	1	6
valueOf()	返回数组对象的原始值	1	4

总结

<!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>
</head>

<body>
    <script>
        var arr1 = ["钱钱钱", "嗡嗡嗡", "嗯嗯嗯", "啊啊啊", "水水水", "顶顶顶", "啧啧啧", "行行行", "吃吃吃", "分分分"]
        var arr2 = ["北京", "上海", "深圳", "广州", "重庆"]
        var arr3 = ["111", "222", "333", "444", "555", "666"]

        //01 concat 数组连接
        document.write(arr1.concat("啊实打实大苏打倒萨大大") + "<br>")//数组链接字符串
        document.write(arr1.concat(arr2, arr3) + "<br>")
        var arr4 = arr1.concat(arr2, arr3)
        document.write(arr4 + "<br>")

        //02 join 数组转化为字符串
        var str = arr1.join();
        document.write(str + "<br/>")

        //03 split() 把字符串变成数组
        var arrNew = str.split("")
        console.log(arrNew)

        //04 push 向数组的末尾添加元素并返回长度
        arr1.push("啵啵啵", "牛牛牛", "喵喵喵")
        document.write(arr1 + "<br>")

        //05 pop() 删除并返回数组的最后一个元素 
        document.write(arr1.pop() + "<br>")
        document.write(arr1 + "<br>")

        //06 shift() 删除并返回数组的第一个元素 
        document.write(arr1.shift() + "<br>")
        document.write(arr1 + "<br>")

        //07 unshift() 向数组的开头添加一个或更多元素，并返回新的长度。 
        document.write(arr1.unshift("啪啪啪") + "<br>")
        document.write(arr1 + "<br>")

        //08 splice() 删除元素，并向数组添加新元素。 
        /*
         arrayObject.splice(index,howmany,[item1,item2...itemx])
         index: >=0从数组的左边开始操作 <0从右边[尾]开始操作
         howmany: 如果为0，则不删除，如果>0则代表删除数目，如果删除，则无item系列参数
         item系列：添加的数目
         */

        var nameArr = ["smms", "zaaz", "qwwq", "assa", "edde", "wssw", "sxxs", "cddc"]
        nameArr.splice(1, 1, "mnnm", "slls")//从下标1的位置开始添加元素
        document.write(nameArr + "<br>")
        nameArr.splice(1, 6)//从下标1的位置开始删除6位
        document.write(nameArr + "<br>")

        //09 slice() 从某个已有的数组返回选定的元素 
        //slice(start,[end])
        var numArr = [1, 2, 3, 4, 5, 6, 7, 8, 9]
        var numNumArr = numArr.slice(1, 6)
        document.write(numNumArr + "<br>")
        document.write(numArr + "<br>")

        //sort() 方法用于对数组的元素进行排序。
        var arr = new Array(6)
        arr[0] = "George"
        arr[1] = "John"
        arr[2] = "Thomas"
        arr[3] = "James"
        arr[4] = "Adrew"
        arr[5] = "Martin"

        document.write(arr + "<br />")
        document.write(arr.sort())


        //reverse() 方法用于颠倒数组中元素的顺序。

        var arr = new Array(3)
        arr[0] = "George"
        arr[1] = "John"
        arr[2] = "Thomas"

        document.write(arr + "<br />")
        document.write(arr.reverse())

    </script>
</body>

</html>