JavaScript中Array对象的属性和方法

Array对象:一个数组变量,就是一个数组对象

length属性:动态获取数组长度。如:var len = arrObj.length


join()

  • 功能:将一个数组转成字符串。返回一个字符串。

  • 语法:arrObj.join(连接号)

  • 说明:将一个数组,用指定的“连接号”连接成一个字符串。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
           //将以下字符串转成数组, 然后再转成字符串
           var str = "北京,上海,深圳,南京,合肥";  
           //转成数组
           var arr=str.split(",");
           //再转换成字符串
           str = arr.join(",") ;
           document.write("类型是:"+typeof(str)+",字符串为:"+str);
        </script>
    </head>
    <body>
    </body>
</html>


reverse()

  • 功能:将数组中各元素颠倒顺序。

  • 语法:arrObj.reverse()

  • 参数:无

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
          var arr=[1,2,3,4,5,6,7,8];
          arr.reverse();
          document.write(arr);
        </script>
    </head>
    <body>
    </body>
</html>


数组元素的删除和添加

  • delete运算符,只能删除数组元素的值,而所占空间还在,总长度没变(arr.length)。

  • 以前数组元素的添加,只能向后添加,不能向前添加。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
            //使用delete删除元素,查看长度是否改变
            var arr=[1,2,3,4,5,6,7,8];
            document.write("数组的长度为"+arr.length+",值为"+arr+"<br/>");
            delete arr[0];
            delete arr[1];
            delete arr[2];
            document.write("数组的长度为"+arr.length+",值为"+arr+"<br/>");
        </script>
    </head>
    <body>
    </body>
</html>
  • shift():删除数组中第一个元素,返回删除的那个值,并将长度减1。

  • pop():删除数组中最后一个元素,返回删除的那个值,并将长度减1。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
            //使用delete删除元素,查看长度是否改变
            var arr=[1,2,3,4,5,6,7,8];
            document.write("数组的长度为"+arr.length+",值为"+arr+"<br/>");
            arr.shift();
            document.write("数组的长度为"+arr.length+",值为"+arr+"<br/>");
            arr.pop();
            document.write("数组的长度为"+arr.length+",值为"+arr+"<br/>");
        </script>
    </head>
    <body>
    </body>
</html>
  • unshift():往数组前面添加一个或多个数组元素,长度要改变。arrObj.unshift(“a” , “b” , “c”)

  • push():往数组结尾添加一个或多个数组元素,长度要改变。arrObj.push(“a” , “b” , “c”)

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
            //使用delete删除元素,查看长度是否改变
            var arr=[1,2,3,4,5,6,7,8];
            document.write("数组的长度为"+arr.length+",值为"+arr+"<br/>");
            arr.unshift(0);
            document.write("数组的长度为"+arr.length+",值为"+arr+"<br/>");
            arr.push(9);
            document.write("数组的长度为"+arr.length+",值为"+arr+"<br/>");
        </script>
    </head>
    <body>
    </body>
</html>
继续学习
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script> //将以下字符串转成数组, 然后再转成字符串 var str = "北京,上海,深圳,南京,合肥"; //转成数组 var arr=str.split(","); //再转换成字符串 str = arr.join(",") ; document.write("类型是:"+typeof(str)+",字符串为:"+str); </script> </head> <body> </body> </html>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

javascript初级教程

高并发千万级数据库系统解决方案
  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载

一辆想出轨的无轨电车

容老夫缕缕思路

7年前    添加回复 1

笑书神侠

js 和jq有啥却别,用法,有啥不一样, 分别应用于什么情况,可否一解

6年前    添加回复 0

我又来了

为什么要转换呢

7年前    添加回复 0

汪汪

字符串和数组可以相互转换

7年前    添加回复 0

橱窗的光

能看明白,多练习下,消化着块的知识

7年前    添加回复 0

末日的春天

这个需要多练习

7年前    添加回复 0

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~