B3-内置对象

最新推荐文章于 2024-08-14 12:55:09 发布

Leona__

最新推荐文章于 2024-08-14 12:55:09 发布

阅读量70

点赞数

文章标签： html5 html javascript

本文链接：https://blog.csdn.net/Leona__/article/details/119998574

版权

内置对象

包括属性和方法
属性-------对象名.属性名称；
方法-------对象名.方法名称（）；
Array对象
用于在一个变量名中储存一系列的值。
第一步：创建数组
var 变量名 = new Array（数组长度）；
第二步：赋值
1.var 变量名 = new Array（数组长度）；
变量名[下标] = ***；
下标取值：0~（数组长度-1）
2.var 变量名 = new Array（num1，num2，…）；
3.var 变量名 = [num1，num2，…]；
第三步：Array对象的属性及方法

属性	描述
length	设置或返回数组中元素的数目

方法	描述
join（）	把数组的所有元素放入一个字符串，并通过一个分隔符进行分隔
sort（）	对数组进行排序注意：不适用于10以上数值排序
concat（）	合并两个数组
push（）	向数组尾部添加一个或多个元素，并返回新的长度
pop（）	删掉数组尾部最后一个元素
unshift（）	向数组头部添加一个或多个元素，并返回新的长度
shift（）	删掉数组头部第一个元素

示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var ages = [17,18,19];
        var ages2 = [20,21,22];
        var join =ages.join("-");
        var concat = ages.concat(ages2);
        document.write("数组ages.join()方法连接ages数组各元素：" + join + "<br/>");
        document.write("数组ages.concat()方法：" + concat + "<br/>");
        ages.push(30,40);
        document.write("使用push()方法，在ages末尾添加30,40两个元素：" + ages + "<br/>");
        ages.pop();
        document.write("使用pop()方法，在ages后删除一个元素：" + ages + "<br/>");
        ages.unshift(0,10);
        document.write("使用unshift()方法，在ages头部添加0,10两个元素：" + ages + "<br/>");
        ages.shift();
        document.write("使用shift()方法，在ages头部删除一个元素：" + ages + "<br/>");

    </script>
</body>
</html>

样式如下：
在这里插入图片描述

Date对象
用于操作日期和时间。
第一步：创立Date对象
var 变量名 = new Date（参数）；
第二步：Date对象的方法

方法	说明
getFullYear()	返回Date对象的年份取值0000~9999
getMonth()	返回Date对象的月份取值0~11
getDate()	返回一个月中的某一天取值1~31
getDay()	返回一个星期中的某一天取值0~6
getHours()	返回Date对象的小时数取值0~59
getMinutes()	返回Date对象的分钟数取值0~59
getSeconds()	返回Date对象的秒数取值0~59
getTime()	返回自某一时刻（1970年1月1日）以来的毫秒数

示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var today = new Date();
        var year = today.getFullYear();
        var month = today.getMonth()+1;
        //月份取值0-11，+1为本月月份
        var date = today.getDate();
        var day = today.getDay();
        document.write("今天是" + year + "年" + month + "月" + date + "日，星期" + day)
    </script>
</body>
</html>

样式如下：
在这里插入图片描述

String对象
字符串
第一步：声明
var String =“***”；
第二步：String对象的属性及方法

属性	描述
length	返回字符串字符的个数

方法	描述	特别说明
indexOf（str，index）	查找某个指定的字符串在字符串中首次出现的位置	找到返回下标，没找到返回-1
lastIndexOf（str）	从字符串末尾查找某个指定的字符串在字符串中的位置	找到返回下标，没找到返回-1
toLowerCase（）	把字符串转化为小写	-
toUpperCase（）	把字符串转化为大写	-
charAt（index）	返回指定位置的字符	index代表下标的值，从0开始
substring（index1，index2）	返回位于指定索引index1和index2之间的字符串该返回的字符串包括index1对应的字符，不包括index2对应的字符	slice(index1,index2)与之用法相同
split（str）	将字符串分割为字符串组	根据str的位置和分布进行分割，并删除str本身
concat（str）	把字符串和str合并	-
replace（index1,index2）	查找字符串中的index1，并使用index2进行替换	-
match（正则表达式）	通过正则表达式在大型字符中寻找符合条件的字符串	-

示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var string1 = "I am a little girl!";
        var string2 = "I have a dream!";
        var indexOf = string1.indexOf("i");
        var lastIndexOf = string1.lastIndexOf("i");
        var toUpperCase = string1.toUpperCase();
        var toLowerCase = string1.toLowerCase();
        var charAt = string1.charAt(0);
        var substring = string1.substring(5,12);
        var slice = string1.slice(5,12);
        var split = string1.split(" ");
        var concat = string1.concat(string2);
        var replace = string1.replace("a","bb");

        document.write("字符串1为：" + string1 + "<br/>");
        document.write("字符串2为：" + string2 + "<br/>");
        document.write("”i“在字符串1第一次出现时的下标为：" + indexOf + "<br/>");
        document.write("”i“在字符串1最后一次出现时的下标为：" + lastIndexOf + "<br/>");
        document.write("字符串1全部大写为：" + toUpperCase + "<br/>");
        document.write("字符串1全部小写为：" + toLowerCase + "<br/>");
        document.write("字符串1下标为0的字符是：" + charAt + "<br/>");
        document.write("字符串1下标5-12之间的字符为：" + substring + "<br/>");
        document.write("字符串1下标5-12之间的字符为：" + slice + "<br/>");
        document.write("用字符串1中的空格将字符串1分割的数组第一个字符为：" + split[0] + "<br/>");
        document.write("字符串1与字符串2拼接后为：" + concat + "<br/>");
        document.write("查找字符串1中的第一个“a”，将他替换成“bb”：" + replace + "<br/>");

    </script>
</body>
</html>

样式如下：
在这里插入图片描述

Math对象
Math对象无需创建和声明
方法

方法	描述	特别说明
ceil()	向上取整	+
floor()	向下取整	-
round()	四舍五入为最接近的数	-
random	0~1的随机数	-

示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var num1 = 25.5;
        var num2 = -25.5;

        document.write("第一个数为：" + num1 + "<br/>");
        document.write("第二个数为:" + num2 + "<br/>");
        document.write("ceil-向上取整num1=" + Math.ceil(num1) + "<br/>");
        document.write("ceil-向上取整num2=" + Math.ceil(num2) + "<br/>");
        document.write("floor-向下取整num1=" + Math.floor(num1) + "<br/>");
        document.write("floor-向下取整num2=" + Math.floor(num2) + "<br/>");
        document.write("round-向外取整num1=" + Math.round(num1) + "<br/>");
        document.write("round-向外取整num2=" + Math.round(-25.5) + "<br/>");
        document.write("取随机数0~1=" + Math.random());

    </script>
</body>
</html>

样式如下：
在这里插入图片描述

今天的分享就是这些啦，欢迎正在学习web的伙伴们“挑毛病”“提意见”，当然了也欢迎各种表扬奥～（比心，比心）

Leona__

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
B3-内置对象

内置对象包括属性和方法属性-------对象名.属性名称；方法-------对象名.方法名称（）；Array对象用于在一个变量名中储存一系列的值。第一步：创建数组var 变量名 = new Array（数组长度）；第二步：赋值1.var 变量名 = new Array（数组长度）；变量名[下标] = ***；下标取值：0~（数组长度-1）2.var 变量名 = new Array（num1，num2，…）；3.var 变量名 = [num1，num2，…]；第三步：Array对象
复制链接

扫一扫