JS笔记4、数组、Array对象、String对象、Math对象

最新推荐文章于 2024-10-25 18:46:58 发布

原创最新推荐文章于 2024-10-25 18:46:58 发布 · 292 阅读

0 ·

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

Javascript 专栏收录该内容

9 篇文章

订阅专栏

本文深入探讨JavaScript中数组和字符串的基本属性与方法，包括数组的长度、取值、连接、反转，以及字符串的长度、查找、分割、截取等实用技巧。通过实例展示如何运用这些方法解决实际问题。

数组

属性：length（求得数组长度）

从0开始记录

取值：arr [ i ]

二维数组：arr [ i ] [ j ]

例题：求二位数组最大值

Array对象

var n=new Array（数组）；

属性

length：

对象.length：获取数组的长度

方法

concat（） ：连接内容或者数组，组成新的数组

Join（n） ：加入某个字符n，用n连接数组的每项组成数字

举例：

        var n=new Array(1,2,3,4);
        var m=n.join("a");
        document.write(m);

运行结果：1a2a3a4

        var n=new Array(1,2,3,4);
        var m=n.join("");
        document.write(m);

运行结果：1234

pop（）：删除数组最后一项，并且返回

push（）：加入新的内容，返回新的长度

reverse（）：反转数组的顺序

属性和方法的一般形式

属性：对象.属性名；

方法：对象.方法名（）；

String对象

var str=new String（"字符串"）；

属性

length：

对象.length：字符串长度

方法

charAt（n）：找到索引位置上的字符，注意：从0开始计数

charCodeAt（n）：找到索引位置上的字符的编码值（a=97，A=65)注意：从0开始计数

indexOf（m）：找m在字符串中第一次出现的位置，如果未找到则返回-1

lastindexOf（m）：找m在字符串中最后一次出现的位置，如果未找到则返回-1

split（"n"）：以字符n分割字符串返回一个数组，以空字符串分割会把字符串每个字符都当做数组的一项内容，如果不存在n那么就会把整个字符串当做数组的内容

举例：

        var n=new String("abcdabcd");
        var m=n.split("b");
        document.write(m);

运行结果：a,bcda,cd

        var n=new String("abcdabcd");
        var m=n.split("d");
        document.write(m);

运行结果：abc，abc，

substr（n,m）：截取字符串，把字符串从第n个的位置开始截取，截取第m个，如果只有一个参数，那么就是从n开始截取到结束

substring（n,m）：截取字符串，把字符串从第n个的位置开始截取，截取到第m个，注意：能取到n但不能取到m，如果只有一个参数，那么就是从n开始截取到结束

toLowerCase（）：把字符串中的字母转换成小写字母

toUpperCase（）：把字符串中的字母转换成大写字母

例题一：检测用户上传的文件是否符合要求

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="virport" content="width=device-width,initial-scale=1">
    <title>Title</title>
    <script type="text/javascript">  
        function file(){
            var obj = document.getElementById("no1");//obj代表的是id为no1的input按钮
            var zhi = obj.value;
            //1、先找到点的位置
            //2、点之后的后缀名就是所需内容
            var dian=zhi.lastIndexOf(".");//找到点的位置
            var lastname=zhi.substr(dian+1);//获取后缀名
            //后缀转换成小写
            lastname=lastname.toLowerCase();
            if(lastname=="jpg"||lastname=="png"||lastname=="gif"){
                alert("上传成功");
            }
            else {
                alert("上传失败");
            }
        }
    </script>
</head>
<body>
<input type="file" id="no1">
<input type="button" value="上传" id="no2" onclick="file()">
</body>
</html>

Math对象

方法

Math.pow（n，m）：求n的m次方

Math.abs（n）：求n的绝对值

Math.round（n）：求n四舍五入的值

Math.floor（n）：求n向下取整的值：不大于n的最大整数

Math.ceil（n）：求n向上取整的值：不小于n的最小整数

Math.random（）：获取一个0到1的随机数，能取到0但取不到1

举例：

1、求0到60的随机数：Math.random（）*60

2、求40到90的随机数：Math.random（）*（90-40）+40

3、求n到m的随机数：Math.random（）*（m-n)+n

结论：求任意两个数的随机数：Math.floor（Math.random（）*（大数-小数+1）+小数）