JS內置對象【字元串】 // charAt() 返回字元 // charCodeAt() 返回字元的unicode編碼 var str="hello world"; console.log(str.charCodeAt(4)); // indexOf() 返回出現的位置 // 沒找到則返回-1 va ...
JS內置對象【字元串】
// charAt() 返回字元 // charCodeAt() 返回字元的unicode編碼 var str="hello world"; console.log(str.charCodeAt(4)); // indexOf() 返回出現的位置 // 沒找到則返回-1 var email="[email protected]"; console.log(email.indexOf("o")); console.log(email.lastIndexOf(".")); var str="hello world";
案例：對用戶輸入內容的輸入框進行排查，看有沒有敏感字“草”字
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>搜索內容是否有敏感字"草"</title>
</head>
<body>
<script>
//補充代碼
var str=prompt('請輸入要搜索的內容！');
var start=0;
var first='';
var key=0;
first=str.indexOf('草');
while(str.indexOf('草',start)!=-1){
key=str.indexOf('草',start);
document.write('敏感字在'+key+'位置被髮現<br>');
start=key+1;
}
document.write('敏感字首次出現的位置是：'+first);
</script>
</body>
</html>
// slice(start,end)截取字元串 var str="hello world"; console.log(str.slice(7,10)); console.log(str.slice(1)); //負數=總長度+該負數 console.log(str.slice(-3)); console.log(str.slice(-7,-2)); // substring(start,end)與slice(start,end)類似，參數為負數自動轉為0 // 將小的數作為開始，大的數作為結束 console.log(str.substring(-7,5)); //(0,5) console.log(str.substring(2,-5)); //(0,2) str.substring(6,9) // substr(start,len) // len為負數則返回空字元串 console.log(str.substr(6,3)); console.log(str.substr(-5,4)); // (6,4) console.log(str.substr(3,-4));
判斷出“JavaScript”這個字元出現的位置，以及它在這段話中總共出現了幾次
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var str='JavaScript 是屬於網路的腳本語言！JavaScript 被數百萬計的網頁用來改進設計、驗證表單、檢測瀏覽器、創建cookies，以及更多的應用。JavaScript 是網際網路上最流行的腳本語言。JavaScript很容易使用！你一定會喜歡它的！';
var count=0;
var key=0;
while(str.indexOf('J',key)!=-1){
key=str.indexOf('J',key);
var target=str.substr(key,10);
count++;
if(target=='JavaScript'){
document.write('JavaScript第'+count+'次出現是在'+key+'的位置<br>');
}
key++;
}
document.write('JavaScript在這段話中一共出現了'+count+'次');
</script>
</body>
</html>
// 獲取擴展名 var url="http://baidu.com/index.txt"; function getFileFormat(url){ // 獲取.在url中出現的位置 var pos=url.lastIndexOf("."); //return url.substr(pos); return url.substr(pos+1); } var formatName=getFileFormat(url); var picFormat=getFileFormat("1231434.jpg") console.log(formatName); console.log(picFormat);
// split()分割字元串 replace()替換字元串 var str='welcome-to-beijing'; //使用split將str轉換為數組 //如果中間是用空字元串（''）拆分，那麼字元串中的每個字元之間都會被分割 var arr=str.split("-"); var date='2019/12/31'; //["welcome","to","beijing"] var dateArr=date.split("/"); console.log(dateArr); console.log(arr); //replace()替換 var tel='010-62971268,400-100-9098,010-86789889'; //newTel被替換之後的字元串 var newTel=tel.replace(','," "); console.log(newTel);
將連字元轉駝峰法表示
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
function camelback(str){
//通過-分隔符將str拆分成數組
var arr=str.split("-"),newStr=arr[0];
for(var i=1,len=arr.length;i<len;i++){
var word=arr[i];
//將每一個單詞的首字母轉換為大寫
newStr+=word.charAt(0).toUpperCase()+word.substr(1);
// console.log(newStr)
}
return newStr;
}
var camelFormat=camelback("border-left-color");
console.log(camelFormat)
</script>
</body>
</html>
JS內置對象【Math】
生成一個n到m之間的隨機整數
var random=Math.random(); console.log(random); // 生成一個n到m之間的隨機整數 function getRandom(n,m){ var choise=m-n+1; // 隨機整數的個數 return Math.floor(Math.random()*choise+n); } var random1=getRandom(2,6); var random2=getRandom(10,88);
JS內置對象【date】
// 創建一個日期時間對象 var weeks=["日","一","二","三","四","五","六"], today=new Date(), year=today.getFullYear(), month=today.getMonth()+1, date=today.getDate(), week=today.getDay(), hours=today.getHours(), minutes=today.getMinutes(), seconds=today.getSeconds(), times=today.getTime(), time=year+'年'+month+'月'+date+'日'+hours+'時'+minutes+'分'+seconds+'秒 星期'+weeks[week]; console.log("現在是："+time); console.log(times);
// 創建一個日期時間對象 //setMonth（）是用來設置月份，月份的數值是介於0~11之間，如果數字大於11，那麼方法會自動往後順延一年 var today=new Date(); today.setFullYear(2017); today.setMonth(15); console.log(today.getFullYear()); // 50天之後是星期 // 第一種做法 today.setDate(today.getDate()+50); console.log(today.getDay()); // 第二種做法 var weeks=["日","一","二","三","四","五","六"]; var year=today.getFullYear(); var month=today.getMonth(); var day=today.getDate(); // 創建了一個目標日期對象,年,月,日,時,分,秒 var temp=new Date(year+1,month,day); console.log("50天後的今天是："+temp.getFullYear()+'-'+(temp.getMonth()+1)+'-'+temp.getDate()+'-'+'星期'+weeks[temp.getDay()]);
