javaScript的数组对象

注:数组在js中是一个类,通过构造方法创建对象

数组的四种方式

创建数组的方式 说明
new Array() 无参的构造方法,创建一个长度为0的数组
new Array() 有参的构造方法,指定数组的长度
new Array(2, 4, 6, 8, 10) 有参的构造方法,指定数组中的每个元素
[2, 4, 6, 8, 10] 使用中括号的方式创建数组

JS中数组的特点

  1. 数组中的每个元素的类型是可以不同的。
  2. 数组的长度可以动态变化
  3. 数组中包含大量的方法,类似java中的集合,而java中的数组没有方法。

示例代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组对象-四种方式</title>
</head>
<body>
<script>
    var arr1 = new Array();
    document.write("数组的长度是:" + arr1.length + "<hr/>");

    var arr2 = new Array(5);
    document.write("数组的长度是:" + arr2.length + "<hr/>");

    var arr3 = new Array(2,4,6,8);
    document.write("数组的长度是:" + arr3.length + "<hr/>");

    var arr4 = [4, 'a', true, 3.14];

    document.write("arr4[0]:" + arr4[0] + "<br/>");
    document.write("arr4[1]:" + arr4[1] + "<br/>");
    document.write("arr4[2]:" + arr4[2] + "<br/>");
    document.write("arr4[3]:" + arr4[3] + "<hr/>");
</script>
</body>
</html>

常用方法

方法名 功能
concat() 连接两个或更多的数组,并返回结果
reverse() 将数据进行反转
join(separator) 与split()功能相反,将数组通过分隔符拼成一个字符串。
sort() 对字符串数据进行排序
如果要对数字进行排序,还可以指定比较器函数。
sort(function(m,n))数字两两比较
注意:m-n则升序,n-m则降序

示例代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组对象常用方法</title>
</head>
<body>
    <script>
        var a1 = [1, 1, 1];
        var a2 = [2, 2];
        // 拼接返回新的数组
        var a3 = a1.concat(a2);
        document.write("a3:" + a3 + "<br/>");

        // 添加元素
        var a4 = a3.concat(33,44);
        document.write("a4:" + a4 + "<br/>");

        // 将数组使用分隔符拼成一个字符串,功能与split相反
        var str = a4.join("^_^");
        document.write("字符串:" + str + "<br/>");

        // 排序
        // a).给字符串数组排序
        var arr = ["Jack", "Rose", "Tom", "Jerry", "Kate"];
        document.write("排序前:" + arr + "<hr/>");
        arr.sort();
        document.write("排序后:" + arr + "<hr/>");
        // b).字符串类型的数字排序
        var arr = ["200", "3", "1324", "89", "21"];
        document.write("排序前:" + arr + "<hr/>");
        arr.sort();
        document.write("排序后:" + arr + "<hr/>");
        // c).数字排序,默认也是按字符串的顺序排序
        var arr = [30, 26, 6, 110, 1234];
        document.write("排序前:" + arr + "<hr/>");
        //排序器
        arr.sort(function (m,n) {
            return n-m; // 降序
        });
        document.write("排序后:" + arr + "<hr/>");
    </script>
</body>
</html>

猜你喜欢

转载自www.cnblogs.com/guoyx/p/12909888.html