<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">
? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">
? ? <title>字符串常用方法</title>
</head>
<body>
? ? <script>
? ? ? ? let a='HelloWorld'
? ? ? ? console.log('=============Length屬性=============');
? ? ? ? // length屬性,返回的是字符串的長度
? ? ? ? console.log(a.length);
? ? ? ? //注冊用戶信息,密碼長度在6-16位之間
? ? ? ? if(a.length>=6 && a.length<=16){
? ? ? ? ? ? console.log('長度合法');
? ? ? ? }else{
? ? ? ? ? ? console.log('長度不合法');
? ? ? ? }
? ? ? ? console.log('=============charAt()方法=============');
? ? ? ? // charAt()方法,根據字符串中字符的索引(下標)獲取對應的字符,注意:索引從0開始
? ? ? ? let b=a.charAt(5) ?//()里的5表示字符串里的第6個字符
? ? ? ? console.log(b);
? ? ? ? // 獲取字符串的中指定索引的字符,也可以通過[索引]的方式獲取
? ? ? ? let c=a[5]
? ? ? ? console.log(c);
? ? ? ? console.log('=============charCodeAt()方法=============');
? ? ? ? // charCodeAt()方法,用于獲取字符串中指定位置字符的Unicode編碼值
? ? ? ? // 什么是Unicode編碼,不同國家的人,使用不同的字符描述數據,這些字符計算機不認識
? ? ? ? // 計算機只認識二進制數字,也就是0和1,所以將全世界范圍內使用的常用字符都定義一個對應的十進制數字編碼
? ? ? ? // 而這個十進制的數字編碼就是Unicode編碼,再將這些十進制的Unicode編碼轉為二進制編碼傳給計算機識別
? ? ? ? // 比如:A -> 65 a -> 97 你 -> 20320
? ? ? ? let d=a.charCodeAt(0)
? ? ? ? console.log(d);
? ? ? ? console.log('=============concat()方法=============');
? ? ? ? let e='張三'
? ? ? ? let f='你好'
? ? ? ? ?// concat()方法,用于拼接字符串,通常情況下,我們可以直接使用 加號 去拼接,該方法,可以同時拼接多個字符串數據
? ? ? ? let g=e.concat(f)
? ? ? ? console.log(g);
? ? ? ? let h=e.concat(f,a,'哈哈')
? ? ? ? console.log(h);
? ? ? ? console.log('=============fromCharCode()方法=============');
? ? ? ? // fromCharCode()方法,用于將指定的Unicode編碼轉為指定字符,注意該方法是由String類型來調用的,該方法,可以傳遞多個Unicode編碼
? ? ? ? let s1=String.fromCharCode(20320,72)
? ? ? ? console.log(s1);
? ? ? ? console.log('=============indexOf()方法=============');
? ? ? ? let s2='abc哈哈abc哈哈abc哈哈abc'
? ? ? ? // indexOf()方法,用于從字符串中返回指定字符串第一次出現的位置(注意:索引從0開始,找不到返回-1)
? ? ? ? console.log(s2.indexOf('哈哈'));
? ? ? ? console.log('=============lastIndexOf()方法=============');
? ? ? ? // lastIndexOf()方法,是從后往前找,找到后,下標是從前往后數(注意,如果找不到返回-1)
? ? ? ? console.log(s2.lastIndexOf('哈哈'));
? ? ? ? console.log('=============slice()方法=============');
? ? ? ? let s3='abcdefghijklmn'
? ? ? ? // slice()方法,用于截取指定區(qū)間范圍內的字符串,
? ? ? ? // 該方法需要傳兩個參數,分別是起始位置和結束位置,能夠取到起始位置,取不到結束位置
? ? ? ? // 注意:slice()方法的參數,可以傳負數,表示從后往前數索引
? ? ? ? let s7=s3.slice(3,8)
? ? ? ? let s4=s3.slice(-5,-1)
? ? ? ? console.log(s7);
? ? ? ? console.log(s4);
? ? ? ? console.log('=============substring()方法=============');
? ? ? ? // substring()方法,用于截取指定區(qū)間范圍內的字符串,
? ? ? ? // 該方法需要傳兩個參數,分別是起始位置和結束位置,能夠取到起始位置,取不到結束位置
? ? ? ? //注意:substring()方法參數,只能傳正數,不能傳負數
? ? ? ? let s5=s3.substring(3,8)
? ? ? ? console.log(s5);
? ? ? ? console.log('=============substr()方法=============');
? ? ? ? // substr()方法,也是用于截取字符串,它的兩參數分別是:起始位置和截取長度
? ? ? ? let s6=s3.substr(3,8)
? ? ? ? console.log(s6);
? ? ? ? // 注意:slice,substring,substr方法,如果只傳1個參數,就表示從起始位置到最后全部截取
? ? ? ? console.log('=============toLowerCase()方法=============');
? ? ? ? // toLowerCase()方法,用于返回字符串轉的小寫版本,注意:不是改自身
? ? ? ? let a1='abCDeFg'
? ? ? ? let a2=a1.toLowerCase()
? ? ? ? console.log(a2);
? ? ? ? console.log('=============toUpperCase()方法=============');
? ? ? ? // toUpperCase()方法,用于返回字符串的大寫版本,注意:不是改自身
? ? ? ? let a3=a1.toUpperCase()
? ? ? ? console.log(a3);
? ? ? ? console.log('=============trim()方法=============');
? ? ? ? // trim()方法,用于去除字符串兩端空格
? ? ? ? let a4=' ?hello ?'
? ? ? ? console.log(a4.length); ?//注意:長度是9,因為空位也是字符串
? ? ? ? console.log(a4.trim().length);//去除掉字符串兩端的空格
? ? ? ? console.log(a4);
? ? ? ? console.log(a4.trim());
? ? </script>
</body>
</html>