99.《js 字符串方法 时间对象 案例 》

一.js 字符串方法

1.字符串方法

​ length 字符串的长度

let str = 'abcdefg'
console.log(str.length)  // 7

charAt(下标) 字符串中下标所对应的字符

let str = 'abndsmfkds'
console.log(str.chartAt(1)) // b 

charCodeAt() 字符串对应下表的字符编码

let str = 'abcdrfg'
console.log(str.chartAt(0))   // 97

indexof 检验某个字符在字符串中第一次出现的位置

let str = 'abcdefg'
console.log(str.indexof('c'))  // 2

lastindexof 检测字符最后一次出现的位置

let str = 'abcdedaddfa'
console.log(str.lastindexof('a'))   // 10

2.字符串的截取

slice( startIndex，endIndex)

let str = 'abcdefg'
console.log(str.slice(1))  // bcdefg
console.log(str.slice(-1))  // g
console.log(str.slice(0,3))  // abc

substring( startIndex，endIndex )

let str = 'abcdefg'
console.log( str.substring(0,3) )  // abc
console.log( str.substring(1) )  // bcdefg

3.字母转成大写小写

toLocaleLowerCase() 将字符转换为小写

let str = 'ABC'
console.log(str.toLocaleLowerCase()) //  abc

toLocalUpperCase() 将字符转换为大写

let str = "abc"
console.log(str.toLocaleUpperCase()) // ABC

4.字符串的分割

let str = "abcdefg"
console.log(str.split('d'))  // [abc,efg]

案例：

把 https://www.liuhuan.com?name=占山&age=18 截取为 key value 的形式 例如：

{ name:占山,age:18 }

 
 let st = 'https://www.liuhuan.com?name=占山&age=18'
 let st1 = st.split('?')[1]  // [ name=占山&age=18' ]
 let st2 = st.split('&')   // [ name=占山,age=18' ]
 let obj = {}
 for(var i = 0,i < st2.length; i++){
 	let subarr = st2[i].split("=")   // [name,占山]
	obj[subarr[0]] = subarr[1]
}
console.log(obj)

5.字符串的去空格

trim()

let str = '  abcdefg  '
console.log(str.trim())

6.字符串的替换

replace

let str = '18992773747'
console.log( str.replace(str.slice(3,7)) , '****' )

二.时间对象 案例

  var day = new Date()
        console.log(day.toLocaleDateString());  // 2021/6/13
        console.log(day.toLocaleString());  // 2021/6/13下午8:46:40
        console.log(day.toLocaleTimeString());  // 下午8:46:40
 
        // 倒计时
        function auto() { 
            //1.获取当前时间
            var currentDate = new Date();
            console.log(currentDate, '当前时间')
            //2.目标时间
            var targetDate = new Date(2022, 12, 12, 0, 0, 0);
            console.log(targetDate, '目标时间') 
            //3.获取两个时间的时间戳  得到毫秒数
            var time = parseInt((targetDate - currentDate) / 1000); //秒
            console.log(targetDate - currentDate, '两者之差是是时间戳')

            //4.计算时间
            var t = parseInt(time / 86400); //天
            var h = parseInt(time % 86400 / 3600); //时
            var m = parseInt(time % 3600 / 60); //time%3600 = 不够一个小时的时间
            var s = time % 60; //秒

            document.body.innerHTML = "现在距离双12还剩：" + t + "天" + h + "小时" + m + "分" + s + "秒";
            /*
                s = 1242626
                m = s / 60
                h = s / 60 / 60
                t = s / 60 / 60 / 24
                */
        }
            
        setInterval(()=>{
            auto()
        },1000)