JS之数组 创建数组 访问数组和数组的长度 数组的相关方法

创建数组

访问数组和数组的长度

数组的相关方法

 

 

创建数组

 

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

</body>
<script>
    /*var arr = new Array();                  //创建一个大小不确定的数组
     arr[0] = "zhangsan";
     arr[1] = "lisi";
     arr[2] = "wangwu";
     for (var i = 0; i < arr.length; i++) {
     alert(arr[i]);
     }*/


    /*var arr = new Array(2);                   //创建一个大小确定的数组,超出也可以
     arr[0] = "zhangsan";
     arr[1] = "lisi";
     arr[2] = "wangwu";
     for (var i = 0; i < arr.length; i++) {
     alert(arr[i]);
     }*/

    //创建数组的同时插入数据
    /*var arr = new Array("zhangsan","lisi","wangwu");
     for (var i = 0; i < arr.length; i++) {
     alert(arr[i])
     };*/

    //字面量
    var arr = ["zhangsan", "lisi", "wangwu"];
    for (var i = 0; i < arr.length; i++) {
        alert(arr[i]);
    }
</script>
</html>

 

 

 

访问数组和数组的长度

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>访问数组和数组的长度</title>
</head>
<body>

</body>
<script>
    var arr = ["zhangsan",1,"lisi"];
    //通过索引获取数据
    alert(arr[0]);
    //数组长度
    alert(arr.length);
</script>
</html>

 

 

 数组的相关方法

 

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

</body>
<script>
    var arr = ["zhangsan", "lisi", "wangsu", "sunliu"];
    //1：join: 将数组元素按照指定的分隔符进行分隔，返回字符串
    /*var newArr = arr.join(" ! ");
     document.write(newArr);*/

    //2：concat:链接数组元素或者数组到当前数组中，返回新数组
    /*var arr2 = ["wangba","ajiu"];
     var arr3 = ["wangba2","ajiu2"];
     //    var newArr = arr.concat("tianqi","wangba");           //添加多个数组元素
     //    var newArr = arr.concat(arr2,arr3);                   //添加多个数组
     var newArr = arr.concat("tianqi",arr2);                 //同时添加数组元素和数组
     document.write(newArr);*/

    /*//3：push:在数组的末尾添加一个或多个数组元素
     //    var newArr = arr.push("tianqi");                  //,返回值为新数组的长度
     arr.push("tianqi","rinima");
     document.write(arr);*/

    /*//4：pop:删除并返回数组的最后一个元素
     var deletedEle = arr.pop();
     document.write(deletedEle);
     document.write("<br>");
     document.write(arr);*/

    /*//5:shift:删除并返回数组的第一个元素
     var deletedEle = arr.shift();
     document.write(deletedEle);
     document.write("<br>");
     document.write(arr);*/

    /*//6:unshift:在头部插入数组元素，返回数组的长度
     var newArr = arr.unshift("dianxiaoer");
     document.write(newArr);
     document.write(arr);*/

    /*//7:数组排序
     //    var newArr = arr.sort();
     //    document.write(newArr);

     function sortNumber(a,b) {                  //给下边代码处理9的问题
     return a - b;
     }

     var arr = [98,34,54,78,23,9];
     var newArr = arr.sort(sortNumber);
     document.write(newArr);*/

    /*//8：reverse:数组倒序排列
     var newArr = arr.reverse();
     document.write(newArr);*/

    /*//9:splice:删除或添加数组元素:返回被删除的元素
     // 1:从那个元素开始进行删除
     // 2：删除的数量
     // 3：进行填补的数据
     var newArr = arr.splice(1, 1, "tianqi");
     //（位置（为负值，从数组尾部开始删除），删除几个，填补的元素）
     document.write(newArr);
     document.write("<br>");
     document.write(arr);*/

    //10:slice:用来从数组中截取     返回被截取的数据
    //1：截取的起点索引（包含）
    //2：截取的终点索引（不包含）；如果不填写，默认截取到最后一个
    var result = arr.slice(1);        //截取从第二个到最后一个
    var result = arr.slice(-1);        //截取最后一个
    var result = arr.slice(1, 3);        //截取第二个到第三个
    document.write(result);
    document.write("<br>");
    document.write(arr);
</script>
</html>

 

posted @ 2017-08-08 23:37  哈喽杏红  阅读(394)  评论(0)  编辑  收藏  举报