博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
web前端----JavaScript对象
阅读量:7071 次
发布时间:2019-06-28

本文共 8553 字,大约阅读时间需要 28 分钟。

简介:

在JavaScript中除了null和undefined以外其他的数据类型都被定义成了对象,也可以用创建对象的方法定义变量,String、Math、Array、Date、RegExp都是JavaScript中重要的内置对象,在JavaScript程序大多数功能都是基于对象实现的

 

一、string对象(字符串)

1.字符串对象创建

字符串创建(两种方式)

       ① 变量 = “字符串”
       ② 字串串对象名称 = new String (字符串)

//        ========================//        字符串对象的创建有两种方式//        方式一          var s = 'sffghgfd';//        方式二          var s1 = new String('  hel lo ');          console.log(s,s1);          console.log(typeof(s)); //object类型          console.log(typeof (s1)); //string类型

 

2.字符串对象的属性和函数

-------属性 x.length         ----获取字符串的长度 ------方法 x.toLowerCase()        ----转为小写 x.toUpperCase()        ----转为大写 x.trim()               ----去除字符串两边空格       ----字符串查询方法x.charAt(index)         ----str1.charAt(index);----获取指定位置字符,其中index为要获取的字符索引x.indexOf(index)----查询字符串位置x.lastIndexOf(findstr)  x.match(regexp)         ----match返回匹配字符串的数组,如果没有匹配则返回nullx.search(regexp)        ----search返回匹配字符串的首字符位置索引                        示例:                        var str1="welcome to the world of JS!";                        var str2=str1.match("world");                        var str3=str1.search("world");                        alert(str2[0]);  // 结果为"world"                        alert(str3);     // 结果为15                        ----子字符串处理方法x.substr(start, length) ----start表示开始位置,length表示截取长度x.substring(start, end) ----end是结束位置x.slice(start, end)     ----切片操作字符串                        示例:                            var str1="abcdefgh";                            var str2=str1.slice(2,4);                            var str3=str1.slice(4);                            var str4=str1.slice(2,-1);                            var str5=str1.slice(-3,-1);                            alert(str2); //结果为"cd"                                                        alert(str3); //结果为"efgh"                                                        alert(str4); //结果为"cdefg"                                                        alert(str5); //结果为"fg"x.replace(findstr,tostr) ----    字符串替换x.split();                 ----分割字符串                                 var str1="一,二,三,四,五,六,日";                                 var strArray=str1.split(",");                                alert(strArray[1]);//结果为"二"                                x.concat(addstr)         ----    拼接字符串

方法的使用

使用方法

二、Array对象(数组)

1.创建数组的三种方式

创建方式1:var arrname = [元素0,元素1,….];          // var arr=[1,2,3];创建方式2:var arrname = new Array(元素0,元素1,….); // var test=new Array(100,"a",true);创建方式3:var arrname = new Array(长度);             //  初始化数组对象:                var cnweek=new Array(7);                    cnweek[0]="星期日";                    cnweek[1]="星期一";                    ...                    cnweek[6]="星期六";

2.数组的属性和方法

//        ====================//        数组对象的属性和方法          var arr = [11,55,'hello',true,656];//      1.join方法        var arr1 = arr.join('-'); //将数组元素拼接成字符串,内嵌到数组了,        alert(arr1);                //而python中内嵌到字符串了//        2.concat方法(链接)        var v = arr.concat(4,5);        alert(v.toString())  //返回11,55,'hello',true,656,4,5//        3.数组排序reserve  sort//        reserve:倒置数组元素        var li = [1122,33,44,20,'aaa',2];        console.log(li,typeof (li));  //Array [ 1122, 33, 44, 55 ] object        console.log(li.toString(), typeof(li.toString())); //1122,33,44,55 string        alert(li.reverse());  //2,'aaa',55,44,33,1122//         sort :排序数组元素        console.log(li.sort().toString()); //1122,2,20,33,44,aaa  是按照ascii码值排序的//        如果就想按照数字比较呢?(就在定义一个函数)//        方式一        function intsort(a,b) {            if (a>b){                return 1;            }            else if (a
数组的一些方法和属性

三、date对象(日期)

1.创建date对象

创建date对象//        方式一:        var now = new Date();        console.log(now.toLocaleString()); //2017/9/25 下午6:37:16        console.log(now.toLocaleDateString()); //2017/9/25//        方式二        var now2 = new Date('2004/2/3 11:12');        console.log(now2.toLocaleString());  //2004/2/3 上午11:12:00        var now3 = new Date('08/02/20 11:12'); //2020/8/2 上午11:12:00        console.log(now3.toLocaleString());        //方法3:参数为毫秒数        var nowd3=new Date(5000);        alert(nowd3.toLocaleString( ));        alert(nowd3.toUTCString()); //Thu, 01 Jan 1970 00:00:05 GMT

2.Date对象的方法—获取日期和时间

获取日期和时间getDate()                 获取日getDay ()                 获取星期getMonth ()               获取月(0-11)getFullYear ()            获取完整年份getYear ()                获取年getHours ()               获取小时getMinutes ()             获取分钟getSeconds ()             获取秒getMilliseconds ()        获取毫秒getTime ()                返回累计毫秒数(从1970/1/1午夜)

实例练习

1.打印这样的格式2017-09-25 17:36:星期一

function  foo() {            var date = new Date();            var year = date.getFullYear();            var month = date.getMonth();            var day= date.getDate();            var hour = date.getHours();            var min= date.getMinutes();            var week = date.getDay();            console.log(week);            var arr=['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];            console.log(arr[week]);//            console.log(arr[3]);            console.log(year+'-'+chengemonth(month+1)+'-'+day+' '+hour+':'+min+':'+arr[week])        }        function  chengemonth(num) {            if (num<10){                return  '0'+num            }            else{                return num            }        }        foo()        console.log(foo())  //没有返回值返回undefined        //三元运算符         console.log(2>1?2:1)
View Code

2.设置日期和时间

//设置日期和时间//setDate(day_of_month)       设置日//setMonth (month)                 设置月//setFullYear (year)               设置年//setHours (hour)         设置小时//setMinutes (minute)     设置分钟//setSeconds (second)     设置秒//setMillliseconds (ms)       设置毫秒(0-999)//setTime (allms)     设置累计毫秒(从1970/1/1午夜)    var x=new Date();x.setFullYear (1997);    //设置年1997x.setMonth(7);        //设置月7x.setDate(1);        //设置日1x.setHours(5);        //设置小时5x.setMinutes(12);    //设置分钟12x.setSeconds(54);    //设置秒54x.setMilliseconds(230);        //设置毫秒230document.write(x.toLocaleString( )+"
");//返回1997年8月1日5点12分54秒x.setTime(870409430000); //设置累计毫秒数document.write(x.toLocaleString( )+"
");//返回1997年8月1日12点23分50秒
设置日期和时间

3.日期和时间的转换:

日期和时间的转换:getTimezoneOffset():8个时区×15度×4分/度=480;返回本地时间与GMT的时间差,以分钟为单位toUTCString()返回国际标准时间字符串toLocalString()返回本地格式时间字符串Date.parse(x)返回累计毫秒数(从1970/1/1午夜到本地时间)Date.UTC(x)返回累计毫秒数(从1970/1/1午夜到国际时间)
日期和时间的转换:

四、Math对象(数学有关的)

//该对象中的属性方法 和数学有关.   abs(x)    返回数的绝对值。exp(x)    返回 e 的指数。floor(x)对数进行下舍入。log(x)    返回数的自然对数(底为e)。max(x,y)    返回 x 和 y 中的最高值。min(x,y)    返回 x 和 y 中的最低值。pow(x,y)    返回 x 的 y 次幂。random()    返回 0 ~ 1 之间的随机数。round(x)    把数四舍五入为最接近的整数。sin(x)    返回数的正弦。sqrt(x)    返回数的平方根。tan(x)    返回角的正切。

使用

》》》》》》》》》》

五、Function对象(重点)

1.函数的定义

function 函数名 (参数){

函数体; return 返回值;}

功能说明:

可以使用变量、常量或表达式作为函数调用的参数

函数由关键字function定义
函数名的定义规则与标识符一致,大小写是敏感的
返回值必须使用return
Function 类可以表示开发者定义的任何函数。

用 Function 类直接创建函数的语法如下:

var 函数名 = new Function("参数1","参数n","function_body");

虽然由于字符串的关系,第二种形式写起来有些困难,但有助于理解函数只不过是一种引用类型,它们的行为与用 Function 类明确创建的函数行为是相同的。

示例:

var  func2 = new Function('name',"alert(\"hello\"+name);");    func2('haiyan');

 注意:js的函数加载执行与python不同,它是整体加载完才会执行,所以执行函数放在函数声明上面或下面都可以:

f(); --->OK       function f(){        console.log("hello")       }      f();//----->OK//

2.Function 对象的属性

如前所述,函数属于引用类型,所以它们也有属性和方法。

比如,ECMAScript 定义的属性 length 声明了函数期望的参数个数。

alert(func1.length)

 3.Function 的调用

//    ========================函数的调用    function fun1(a,b) {           console.log(a+b)    }    fun1(1,2);// 3    fun1(1,2,3,4); //3    fun1(1); //NaN    fun1(); //NaN    console.log(fun1())//    ===================加个知识点    var d="yuan";    d=+d;    alert(d);//NaN:属于Number类型的一个特殊值,当遇到将字符串转成数字无效时,就会得到一个NaN数据    alert(typeof(d));//Number    NaN特点:    var n=NaN;    alert(n>3);    alert(n<3);    alert(n==3);    alert(n==NaN);    alert(n!=NaN);//NaN参与的所有的运算都是false,除了!=    =============一道面试题、、    function a(a,b) {        console.log(a+b);    }    var a=1;    var b=2;    a(a,b)   //如果这样的话就会报错了,不知道是哪个a了。
View Code

4.函数的内置对象arguments

//    函数的内置对象arguments,相当于python中的动态参数    function add(a,b){        console.log(a+b);//3        console.log(arguments.length);//2        console.log(arguments);//[1,2]    }    add(1,2)//     ------------------arguments的用处1 ------------------    function ncadd() {        var sum = 0;        for (var i =0;i
View Code

 5.匿名函数

/    =======================    // 匿名函数    var func = function(arg){        return "tony";    };// 匿名函数的应用    (function(){        alert("tony");    } )()    (function(arg){        console.log(arg);    })('123')
View Code

 

转载于:https://www.cnblogs.com/TheLand/p/8547433.html

你可能感兴趣的文章
oracle 知识点
查看>>
我的友情链接
查看>>
使用摩客原型托管,3分钟搞定原型发布分享预览
查看>>
Linux中变量$#,$@,$0,$1,$2,$*,$$,$?的含义
查看>>
如何通过配置来实现IP+MAC+端口绑定功能
查看>>
FileMaker批量生成Word文档,带进度条
查看>>
Install OpenCV 2.4.9 in Ubuntu 14.04, 13.10
查看>>
AndroidStudio——手动打包
查看>>
从Insider计划看Win10的发展
查看>>
关于OSPF协议
查看>>
基于lvs的持久性连接
查看>>
Highly Available L7 Load Balancing for Exchange 2013 with HAProxy – Par
查看>>
linux 如何查看电脑硬件信息
查看>>
Ciscodk——MB2-700变题了
查看>>
Linux手动启动、停止多个服务用的shell脚本
查看>>
centos下MySQL主从服务器设置
查看>>
ORA-12154 TNS:无法处理服务名
查看>>
groovy 环境搭建
查看>>
高性能的MySQL(6)查询执行机制(上)
查看>>
shell脚本变量和字符串截取
查看>>