JS内置对象

最新推荐文章于 2021-08-07 18:44:32 发布

bymyself11

最新推荐文章于 2021-08-07 18:44:32 发布

阅读量301

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/bymyself11/article/details/51067278

版权

js 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1.什么是对象

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

每个对象都带属性和方法

js中允许自定义对象

2.自定义对象：

（1）定义并创建对象实例

（2）使用函数来创建对象，然后创建新的对象实例。

两种自定义对象事例如下：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js内置对象</title>
</head>
<body>
<script>
    //自定义对象并初值赋值方法1:
   // peopeo=new Object();
   //peopeo.name="hello"
   // peopeo.age=20;
   //document.write("name:"+peopeo.name+"age:"+peopeo.age);
    //自定义对象并初值赋值方法2:
    peopeo={name:"hello",age:20};
    document.write("name:"+peopeo.name+"age:"+peopeo.age);

    //用函数来定义对象
    function peopeo1(name,age) {
        this.name=name;
        this.age=age;
    }
    //创建新的对象实例
    peo=new peopeo1("zhangsan",20);
    document.write("name:"+peo.name+"age:"+peo.age);
</script>
</body>
</html>

3.String 对象：

String对象用于处理已有的字符串

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

字符串的属性和方法有：

（1）属性：length,prototype,constructor

（2）方法：这里只是一点方法具体的可以到W3C去查看

charAt()取得指定位置的字符串

indexOf() 来定位字符串中某一个指定的字符首次出现的位置.

match() 来查找字符串中特定的字符，并且如果找到的话，则返回这个字符,找不到返回Null。

replace() 方法在字符串中用某些字符替换另一些字符。

String对象的简单事例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js内置对象</title>
</head>
<body>
<script>
    var str="hello girl";
   // document.write(str.length);//输出长度应为10
   // document.write(str.replace("hello","hello1"));
    //document.write(str.indexOf("hello"));//indexOf是输出字符串第一个字母的位置，这里应该输出0；

    var  str1="welcome to China"
    document.write(str1.charAt(1));//charAt()取得指定位置的字符串输入e;
    var s= str1.split(" ");
    document.write(s[2]);//会输出China
</script>
</body>
</html>

4.Date对象

（1）Date对象：日期对象用于处理日期和时间

（2）常用方法：

getFullYear()获取年份

getTime()获取毫秒

setFullYear()设置具体日期

getDay()获取星期

下面为常用方法的运用和时钟简单例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js内置对象</title>
</head>
<body οnlοad="time()">
<!--<script>
    //var  date=new Date();
   // document.write(date);//输出当前的具体时间
   // document.write(date.getFullYear());//获取年份
   // document.write(date.getTime());//获取毫秒
    // document.write(date.getDay());//获取星期

</script>-->
<script>
    function  time() {
    //时钟的使用
    var date1=new Date();
    var h=date1.getHours();
    var m=date1.getMinutes();
    var s=date1.getSeconds();
    m=checkTime(m);
    s=checkTime(s);
        document.getElementById("div").innerHTML=h+":"+m+":"+s;
        //刷新时间
        t=setTimeout(function () {
            time();
        },1000);//一秒刷新一次
    }
    function checkTime(i) {
        if(i<10){
            i="0"+i;
        }
        return i;
    }
</script>
<p>显示时钟</p>
<div id="div"></div>
</body>
</html>

5.Arraay数组对象

创建：例：var a=["1","4"];

常见方法：

concat():合并数组

sort():排序

push()末尾追加元素

reverse()数组元素翻转

事例如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js内置对象</title>
</head>
<body>
<script>
    var a=["a","b","f","d","c"];
    var b=["g","k"];
    //合并
    //var c=a.concat(b);//数组a,b合并
   // document.write(c);

    //追加
    //b.push("h");
    //document.write(b);

    //翻转
    document.write(a.reverse());
    
    //排序
   //document.write(a.sort());//排序默认为顺序
    var c=["3","5"];
    document.write(c.sort(function(a,b) {
        return b-a;//逆序排序
    }));

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

bymyself11

关注

0
点赞
踩
0

收藏

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

1.什么是对象 js中的所以事物都是对象：字符串、数值、数组、函数。。。。。每个对象都带属性和方法js中允许自定义对象 2.自定义对象：（1）定义并创建对象实例（2）使用函数来创建对象，然后创建新的对象实例。两种自定义对象事例如下： js内置对象 //自定义对象并初值赋值方法1: // peopeo=new Object()
复制链接

扫一扫

专栏目录