js 学习第七天 时间与字符串对象

1、对象的概念

对象：

在js里，一切皆为或者皆可以被用作对象。可通过new一个对象或者直接以字面量形式创建变量（如var i=“aaa”)，所有变量都有对象的性质。注意：通过字面量创建的对象在调用属性和方法时会被对象包装器暂时包装成一个对象，具有对象的性质。

如：

var str="我不是一个真的对象";
alert(str.length); 
//str被暂时包装成一个String对象，可调用该对象的属性和方法

上面代码中，str被暂时包装成一个String对象，可调用该对象的属性和方法这并不意味着它就是一个对象了，typeof(i)的值为仍String，而通过new的对象。

如：

var str=new String("aaa")；
typeof("str")==Object;//true

分类

原生对象：Object，Function ,Array, String, Date, Boolean, Number,RegExp,Error
内置对象：Global,Math
宿主对象：DOM BOM
全局对象：window

2、时间对象

创建时间对象，获取当前系统时间

var oDate = new Date ();
console.log(oDate);  //获取到当前这一秒的时间  Mon Oct 21 2019 10:06:50 GMT+0800 (中国标准时间)

获取特定格式时间

console.log(oDate.toDateString()); //Mon Oct 21 2019
console.log(oDate.toLocaleDateString()); //2019/10/21

console.log(oDate.toTimeString()); //10:09:52 GMT+0800 (中国标准时间)
console.log(oDate.toLocaleTimeString()); //上午10:10:18

获取单个时间

语法：oDate.getDate();

oDate.getFullYear() ： 获取年份

oDate.getMonth()+1：获取月份，月份从0开始，因此需要+1

oDate.getDate() ： 获取日期

oDate.getDay() ： 获取星期

var w = oDate.getDay();
var weeks = ["星期天","星期一","星期二","星期三","星期四","星期五","星期六"];
console.log(weeks[w]);

oDate.getHours() ： 获取小时

oDate.getMinutes() ： 获取分钟

oDate.getSeconds() ： 获取秒

oDate.getTime() ： 时间戳 当前时间到1970，1，1之间的毫秒数

日期格式化：

官网：http://momentjs.cn/

3、字符串对象方法

1、length

console.log(str.length); //获取字符串长度

2、charAt

charAt(下标):返回相对应下标的字符

var str = "web";
//1.charAt(number下标)：获取对应下标的字符
console.log(str.charAt(1)); //e

3、charCodeAt

charCodeAt(下标)：返回对应下标字符的编码

//2.charCodeAt(下标)：获取对应下标字符的编码
console.log(str.charCodeAt(1)); //101  0-48  A-65  a-97

4、indexOf

indexOf(str[,index]):获取一个字符串在另一个字符串中首次出现的位置，返回对应的下标,找不到返回-1

参数：
str:searchString 查询的字符串
index:开始查找的位置，默认从下标0开始

语法：被查找字符串.indexOf(查找字符串[，开始查找的位置])

var s = "web";
var str1 = "0909web0909web";
var index = str1.indexOf(s); //“web”在str1中首次出现的位置,默认从0开始
console.log(index); //4

var index = str1.indexOf(s, 5); //从下标5的位置开始查找
console.log(index);//11

注意：indexOf一般是用来判断字符串中是否包含某个特定的字符

  var s = "1111.0";
    if(s.indexOf(".")== -1){
        console.log("整数");
    }else{
        console.log("小数");
    } 

5、lastIndexOf

lastIndexOf(str[,index]):获取一个字符串在另一个字符串中最后一次出现的位置，返回对应的下标,找不到返回-1

参数：
str:searchString
index:开始的位置，默认从最后一个下标开始

语法：被查找字符串.lastIndexOf(查找字符串[，开始查找的位置])

var s = "web";
var str2 = "web123web123";
console.log(str2.lastIndexOf(s, 7)); //从后往前

6、截取字符串

substring

substring([start,[end]]) ：截取字符串

参数：

start：number值，开始截取的下标位置，默认从0开始

end：number值，截取结束的位置，默认为最后，包括start不包括end

语法：

被截取的字符串.substring([开始的截取的位置,[结束截取的位置]])

var str3 = "hello world";
console.log(str3.substring()); //hello world
console.log(str3.substring(4)); //o world   从start一直截取到末尾
console.log(str3.substring(4, 6) + "|");//o |  start,end包括开始不包括结束

slice

slice([start,[end]]) ：截取字符串

参数：

start：number值，开始截取的下标位置，默认从0开始

end：number值，截取结束的位置，默认为最后，包括start不包括end，如果为负数，表示倒数第n个

语法：被截取的字符串.slice([开始截取的位置,[结束截取的位置]])

console.log(str3.slice());//hello world
console.log(str3.slice(4));//o world   从start一直截取到末尾
console.log(str3.slice(4, 6));//o

substring和slice的区别：

var str4 = "12345678";
console.log(str4.substring(3, -1)); //123  负数默认为0
console.log(str4.slice(3, -2)); //4567  -1倒数第1个  -2+str4.length

substr

substr([start,[length]]):截取字符串

参数：

start：number值，开始截取的位置，默认为0

length：number值，截取的字符串长度，默认为str.length

语法：被截取的字符串.substr.([开始截取的位置,[截取字符的个数]])

console.log(str3.substr());//hello world
console.log(str3.substr(2));//llo world  从start一直截取到末尾
console.log(str3.substr(2, 2));//ll,

7、大小写转换

var str1 = "Gr2o";
var str2 = "gr2o";
console.log(str1 == str2); //false

//toUpperCase():转大写  toLowerCase()：转小写
console.log(str1.toUpperCase()); //GR2O
console.log(str1.toLowerCase()); //gr2o
console.log(str2.toUpperCase() === str1.toUpperCase());//true

8、split：字符串分割

split(分割符[,数组的长度])：将字符串按特定的标记分割成数组

 var str = "2019/10/21";
        var arr = str.split("/");
        console.log(arr); //["2019", "10", "21"]

        var str = "web";
        var arr = str.split("");
        console.log(arr);//["w", "e", "b"]

9、replace

replace(searchStr,replaceStr);

var str = "ui0909ui";
        var s = str.replace("ui","<span>web</span>");  //一次换一个
        console.log(s); 

        var tel = "13544878907";
        tel = tel.replace(tel.substr(3,4),"****");
        console.log(tel);

10、match，search，trim

//10 search:和indexOf的用法一模一样
        var str = "web8g1f4";
        console.log(str.search(/\d/));//3

        //11.match:挑字符串中符号条件的组成一个数组返回
        console.log(str.match(/\d/g));


        //12.trim 去除首尾空格
        var str = "           hello world                   ";
        console.log(str.trim());