Js 内置对象

1.什么是对象

1.1 什么是对象

      js中的所有事物都是对象：字符串、数值、数组、函数...

      每个对象都有属性和方法

1.2 自定义对象

      1>定义并创建对象示例

      2>使用函数来定义对象，然后创建新的对象实例

 

WhatIsObject.html

复制代码
 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <!--创建对象-->
 9         <script>
10             /*people=new Object();
11             people.name="iwen";
12             people.age="30";
13             document.write("name:"+people.name+",age:"+people.age);*/
14             
15             /*people={name:"iwen",age:"30"};
16             document.write("name:"+people.name+",age:"+people.age);*/
17             
18             function people(name,age){
19                 this._name=name;
20                 this._age=age;
21             }
22             son =new people("iwen",30);
23             document.write("name:"+son._name+",age:"+son._age);
24         </script>
25     </body>
26 </html>
复制代码

 

2.String字符串对象

2.1 String对象

      用于处理已有的字符串

      字符串可以使用双引号或单引号

2.2 在字符串中查找字符串：indexOf()

2.3 内容匹配：match()

2.4 替换内容：replace()

2.5 字符串大小写转换：toUpperCase()/toLowerCase()

2.6 字符串转为数组：split()

 

StringObject.html

复制代码
 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <script>
 9             var str="hello And world";
10             document.write(str.indexOf("world"));//6
11             document.write(str.match("world"));//有则返回，无则返回null
12             document.write(str.replace("world","大海"));//替换
13             document.write(str.toUpperCase(str));//全部转换为大写
14             document.write(str.toLowerCase(str));//全部转换为小写
15             
16             var str1="Hello,And,World";
17             var s=str1.split(",");
18             document.write(s[1]);
19         </script>
20         
21         
22     </body>
23 </html>
复制代码

字符串其他属性和方法

属性：length、prototype、constructor

方法：charAt()、charCodeAt、concat()、fromCharCode()、indexOf()、lastIndexOf()、match()、replace()、search()、slice()、substring()、substr()、valueOf、toLowerCase()、toUpperCase()、split()

 

3.Date日期对象

3.1 Date对象

      日期对象用于处理日期和时间

3.2 获得当日的日期

3.3 常用方法：

      getFullYear()  获取年份

      getTime()  获取毫秒

      setFullYear()  设置具体日期

      getDay()  获取星期

3.4 时钟实例

 

DateObiect.html

复制代码
 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body onload="startTime()">
 8         <script type="text/javascript">
 9         var date=new Date();
10         document.write(date);
11             document.write("<br />");
12         document.write(date.getFullYear());
13             document.write("<br />");
14         document.write(date.getTime());
15             document.write("<br />");
16         date.setFullYear(2010,1,1);
17         document.write(date);
18         </script>
19         
20         <!--时钟-->
21         <div id="timetxt"></div>
22         <script>
23         function startTime(){
24             var today=new Date();
25             var h=today.getHours();
26             var m=today.getMinutes();
27             var s=today.getSeconds();
28             m=checkTime(m);
29             s=checkTime(s);
30             
31             document.getElementById("timetxt").innerHTML=h+":"+m+":"+s;
32             
33             setTimeout(function(){
34                 startTime();
35             },500);               //每0.5秒刷新变化
36         }
37         function checkTime(i){
38             if(i<10){
39                 i="0"+i;
40             }
41             return i;
42         }
43         </script>
44     </body>
45 </html>
复制代码

 

4.数组对象

    数组常用方法：

    concat() 合并数组

    sort()  排序

    push()  末尾追加元素

    reverse()  数组元素翻转

 

ArrayObject.html

复制代码
 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <script type="text/javascript">
 9             var a=["小海","小穆"];
10             var b=["小贺","小陈"];
11             var c=a.concat(b);
12             document.write(c);
13                document.write("<br />");
14                
15             var d=[4,1,3,2,5];
16             document.write(d.sort(function(a,b){   //我发现他只能排一位的数
17                 return b-a;
18             }));
19                document.write("<br />");
20             
21             var e=["a","b"];
22             e.push("c");
23             document.write(e);
24                document.write("<br />");
25             
26             var f=["a","b","c"];
27             f.reverse();
28             document.write(f);
29             
30         
31             
32         </script>
33         
34     </body>
35 </html>
复制代码

 

5.Math对象

    常用方法：

    round()  四舍五入

    random()  返回0-1之间任意数

    max()  返回最大值

    min()  返回最小值

    abs()  返回绝对值

 

MathObject.html

复制代码
 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <script>
 9             document.write(Math.round(2.4));
10                 document.write("<br />");
11             document.write(parseInt(Math.random()*10));
12                 document.write("<br />");
13             document.write(Math.max(10,32,2,12,55))
14             document.write(Math.min(10,32,2,12,55))
15                 document.write("<br />");
16             document.write(Math.abs(-10));
17                 
18         </script>
19     </body>
20 </html>
复制代码

 

posted @   一纸年华  阅读(604)  评论(0)  编辑  收藏  举报
编辑推荐：
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 上周热点回顾（3.3-3.9）
点击右上角即可分享
微信分享提示