JavaScript的常用方法-基础

1.string对象:字符串其实使用数组来实现的
    1)charAt(index) : 获取索引index处的字符
    2)str.indexOf(字符串) : 获取字符串在str中首次出现的位置,若不存在返回-1
    3)lastIndexOf(字符串):获取字符串在str中最后一次出现的位置,若不存在返回-1
    4)str.split(c) : 使用字符串c将str分隔为数组。
    5)toLowerCase() : 将字符串转换为小写
    6)toUpperCase() : 将字符串转换为大写
    7)substring(start) : 截取字符串,从start开始到最后
    8)substring(start,end) : 截取字符串,从start开始到end结束
   var s = "hello world!!hello javascript!!";
   //1.获取第5个位置的字符
   //charAt(index)
   var c = s.charAt(4);
   console.log(c);
   
   //2.indexOf
   var index = s.indexOf("hello");
   console.log("indexOf : " + index);
   
   //3.lastIndexOf
   var lastIndex = s.lastIndexOf("hello");
   console.log("lastIndexOf : " + lastIndex);
   
   //4.split
   var data = "2;3;4;8;12;8";
   var arr = data.split(";");
   console.log(arr);
   
   //5.toLowerCase
   var str = "HaaELLO WORLD";
   var newStr = str.toLowerCase();
   console.log(newStr);
   
   //6.toUpperCase
   var s1 = "hello world!!,hELLO javascript";
   var newS1 = s1.toUpperCase();
   console.log(newS1);
   
   //7.substrin(start);
   var ss = newS1.substring(5);
   console.log(ss);
   
   //8.substrin(start,end);
   var ss = newS1.substring(5,10);
   console.log(ss);



2.日期对象:
        js中的日期對象是根据java中的 java.util.Date 来实现的。
        1)创建日期的方式:
            [1] 当前日期:
                    var date = new Date();
            [2] 创建指定的日期:
                    var date = new Date(自1970-1-1到现在的毫秒数);

  //创建当前日期
   var date = new Date();
   console.log(date);
   //创建指定的日期
   var date = new Date(111111111111111);
   console.log(date);


2)日期对象中常用的方法:
    [1] getFullYear() : 获取年
    [2] getMonth() :  获取月
    [3] getDate()  : 获取日
    [4] getDay() : 获取每周的第几天
    [5] getHours() : 获取小时
    [6] getMinutes() : 获取分钟
    [7] getSeconds() : 获取秒
    [8] toLocaleString() : 根据系统时间的格式,将日期对象转换为日期字符串


   //创建当前日期
   var date = new Date();
   console.log(date);
   //创建指定的日期
   var date = new Date(111111111111111);
   console.log(date);
   
   var date = new Date();
   //1.获取年:
   var year = date.getFullYear();
   console.log("year:" + year);
   //2.获取月
   //注意:老外默认月份从0开始
   var month = date.getMonth() + 1;
   console.log("month:" + month);
   //3.获取日
   var day = date.getDate();
   console.log("day:" + day);
   //4.获取周
   //注意:老外 每周 从 0(周日) - 6 (周六)
   var week = date.getDay();
   if(week == 0) {
       week = "日";
   }
   console.log("week:" + week);
   //5.获取小时
   var hour = date.getHours();
   console.log("hours:" + hour);
   //6.获取分钟
   var mins = date.getMinutes();
   console.log("mins:" + mins);
   //7.获取秒
   var seconds = date.getSeconds();
   console.log("seconds:" + seconds);
   // yyyy-MM-dd HH:mm:ss 周X
   var dateStr = year + "-" + month + "-" + day + " " + hour + ":" + mins + ":" + seconds
       + " 周" + week;
   console.log(dateStr);
   
   var dateStr = date.toLocaleString();
   console.log(dateStr);


                
3.math 对象
    [1] ceil(num) : 向上取整(舍弃小数位 ,然后+1)
    [2] floor(num) :向下取整(舍弃小数位)
    [3] round(num) : 四舍五入
    [4] max(num1,num2,num3,....) : 获取数列中的最大值
    [5] min(num1,num2,num3,....) : 获取数列中的最小值
    [6] random() : 获取0(包含)-1(不包含)的随机小数

   var num = 2.2;
   //ceil:
   var n = Math.ceil(num);
   console.log("ceil:" + n);
   //floor:
   var n = Math.floor(num);
   console.log("floor:" + n);
   //round:
   var n = Math.round(num);
   console.log("round:" + n);
   //max :
   var max = Math.max(1,5,23,5,6,7,23,223,67);
   console.log("max:" + max);
   //min
   var min = Math.min(1,5,23,5,6,7,23,223,67,-1,3,-44);
   console.log("min:" + min);
   //产生[0-10]的随机整数
   var num = parseInt(Math.random() * 11);//[0-1)
   console.log(num);
   //产生 [10-20]的随机整数
   var num = parseInt(Math.random() * 11) + 10;
   console.log(num);




4.自定义对象

     1) 对象:对象就是一种引用数据类型;对象属性和方法的容器。
    2) 属性 : 用于描述对象的特点
        变量和属性的关系?
        变量和属性其实是一码事,变量在对象中被定义,那么称之为属性。
    3) 方法 : 用于描述对象的行为
        函数 和 方法的关系?
        方法和函数其实是一码事,函数在对象中被定义,那么称之为方法。
    4)对象的创建:
        [1] 最原始的创建方式:
            ① 创建对象:
                    var 对象名称 = new Object();
            ② 添加属性:
                    对象.属性 = 值;//相当于在对象中,定义并初始化了一个变量
            ③ 使用属性:
                    对象.属性
            ④ 添加方法:
                    对象.方法名 = function(参数列表) {//相当于在对象中添加一个函数
                            return 返回值;
                     }
            ④ 调用方法:
                    对象.方法(参数列表)

   //第一种:创建对象
   var obj = new Object();
   console.log(obj);
   console.log(typeof obj);
   //添加属性:随便添加任何属性
   obj.name = "zhangsan";//对象中添加了一个变量,叫做name
   obj.age = 23;
   obj.sex = "男";
   console.log(obj);
   //使用属性:
   var name = obj.name;//从变量中获取值
   console.log("name:" + name);
   
   //添加方法:随便添加任何方法
   obj.show = function() {
       alert("我是show方法");
   }
   console.log(obj);
   //调用方法:
   obj.show();



        [2] 构造函数:类似于java中的类的概念,对一类事物的描述
            事物的描述:使用属性和方法来描述事务的特性和行为
            //参数列表:用来初始化属性
            function 构造函数名称(参数列表) {
                //定义属性
                this.属性 = 值;
                this.属性 = 值;
                。。。
                //定义方法
                this.方法名称 = function(参数列表) {
                    return 返回值;
                }
            }
            注意:this代表当前对象
            创建对象:
                var 对象 = new 构造函数(参数列表);

  
//第二种:构造函数
   //ECMA6 使用 class
   function Person(personName,age,sex) {
       this.personName = personName;
       this.age = age;
       this.sex = sex;
       this.show = function() {
          alert(this.personName + ";" + this.age + ";" + this.sex);
       }
   }
   //创建对象
   var person = new Person("李四",55,"男");
   console.log(person);
   //调用方法:
   person.show();
   //使用属性
   alert(person.personName);


            

        [3] 使用 {} 创建对象:只要在js中看到{}的变量,那么肯定是对象
            var 对象 = {
                //定义属性
                属性名称 : 属性值 ,
                属性名称 : 属性值 ,
                属性名称 : 属性值 ,
                。。。
                //定义方法
                方法名称:function(参数列表) {
                    return 返回值;
                } ,
                方法名称:function(参数列表) {
                    return 返回值;

                } ,
                ....
            }

  //第三种:使用{}创建对象
   var obj = {};//空对象
   console.log(obj);
   //创建有属性有方法的对象
   //可以称之为名值对
   var obj = {
       name : "zhangsan",
       age : 44,
       sex : "man",
       email : "zhangsan@163.com",
       show : function() {
          //方法中的this:就是当前对象
          alert(this.name + ";" + this.age + ";" + this.sex + ";" + this.email);
       },
       haha : function() {
          alert("哈哈方法")
       }
   };
   console.log(obj);
   //调用方法
   obj.show();
   obj.haha();
   //使用属性
   alert(obj.name)






观众器者为良匠,

观众病者为良医。

愿你登高望远







  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值