Javascript 对象 - 数组对象

本文深入解析JavaScript数组对象,涵盖数组创建、访问、属性及方法。详细介绍了length、prototype和constructor属性,以及concat、join等常用方法的使用。

JavaScript核心对象

  • 数组对象Array
  • 字符串对象String
  • 日期对象Date
  • 数学对象Math

 

 

数组对象

数组对象是用来在单一的变量名中存储一系列的值。数组是在编程语言中经常使用的一种数据结构,可以用来存储一系列的值,在JavaScript中同一数组中可以存储不同数据类型的数据。

1.创建数组

  • 创建一个大小为的数组

    var array = new Array();

  • 创建一个大小为size的数组

    var array = new Array(size);

  • 创建一个数组并赋值

    var array = new Array(elements0,element1,......);

 

2.访问数组

通过索引可以访问数组元素,索引值为0  ~(length-1),例如:

  var array = new Array(2,3,5);

  dcoument.write(array[1]);  //输出的结果为3

 

3.数组的属性

  • length属性  

    length属性表示数组的长度,即数组中包含的元素个数。

  例如:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>length</title>
<script language="JavaScript">

    var array = new Array("A","B","C","D");
    document.write("初始的数组元素为:");
    printarray(array);
    array.length = 7;
    document.write("length变大的数组元素为:");
    printarray(array);
    array.length = 3;
    document.write("length变小的数组元素为:");
    printarray(array);
    document.write("arry[5]="+arry[5]);
    function printarray(array) {
        for (var i = 0;i<array.length;i++){
            document.write(array[i]+"&nbsp");
        }
        document.write("<br>");

    }

</script>
</head>
<body>

</body>
</html>

 

 

  • prototype属性

    prototype属性是所有JavaScript对象所共有的属性,用于将新定义的属性或者方法添加到对象中,对象的实例可以调用添加的方法或者属性。

  语法:

    Array.prototype.methodName = functionName;

    或者

    Array.prototype.methodName = functionName([param1],[param2]…){

      statem;

    }

  例如:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>length</title>
<script language="JavaScript">
    function array_max() {
        var i,max=this[0];
        for(i=1;i<this.length;i++){
            if(max<this[i]){
                max=this[i];
            }
        }
        return max;

        }
        function array_print() {
            for (var i=0;i<this.length;i++){
                document.write(this[i]+"&nbsp;");
            }
            document.write("<br>");
        }
        Array.prototype.max = array_max;
        Array.prototype.print = array_print;
        var array = new Array(32,8,-12,156,78);
        document.write("数组的值为:");
        array.print();
        document.write("数组中最大的元素值为:"+array.max());


</script>
</head>
<body>

</body>
</html>

 

 

  • constructor属性

    constructor属性用于返回对创建对象的数组函数的引用。

  例如:

  

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>constructor</title>
<script>
    var a = new Array();
    if (a.constructor = array){
        document.write("array is Array");
    }
    else if (a.constructor = Boolean){
        document.write("a is Boolean");
    }
</script>
</head>
<body>

</body>
</html>

 

4.数组的方法

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

 

 

 

特此声明:如需转载请注明出处,如有疑问请及时提出以便于改正,如有侵权,联系删除,谢谢

转载于:https://www.cnblogs.com/CGWTQ/p/9852236.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值