前端使用掃碼槍
1、indexOf()/lastIndexOf():獲取字串中指定內容的索引
注意:如果獲取的索引值為 0,說明字串是以查詢的引數為開頭的。
如果獲取的索引值為-1,說明這個字串中沒有指定的內容。
2、search():獲取字串中指定內容的索引(引數裡一般是正則)
3、includes():字串中是否包含指定的內容
4、startsWith():字串是否以指定的內容開頭
const name = 'abcdefg';
console.log(name.startsWith('a')); // 列印結果:true
5、endsWith():字串是否以指定的內容結尾
6、獲取指定位置的字串
a、charAt(index)\str[index]\charCodeAt(index)
7、字串擷取
a、slice():新字串 = str.slice(開始索引, 結束索引);
b、substring():不接受引數是複數的
8、substr():字串=str.substr(開始索引,擷取的長度)
9、concat():新字串 = str1.concat(str2); //連線兩個字串
10、split():字串轉換為陣列
split()
這個方法在實際開發中用得非常多。一般來說,從介面拿到的 json 資料中,經常會收到類似於"q, i, a, n"
這樣的字串,前端需要將這個字串拆分成['q', 'i', 'a', 'n']
陣列,這個時候split()
方法就派上用場了
11、repeat():重複字串
newStr = str.repeat(重複的次數);
const name = 'yy';
console.log(name.repeat(2)); // 列印內容:yyyy
12、trim()
:去除字串前後的空白
13、轉換大小寫toLowerCase()
14、Number.isInteger() 判斷是否為整數
15、toFixed() 小數點後面保留多少位,字串 = myNum.toFixed(num);
16、Math.random() 方法:生成隨機數,
17、內建物件 Date 用來處理日期和時間
需要注意的是:與 Math 物件不同,Date 物件是一個建構函式 ,需要先例項化後才能使用
建立Date物件:
寫法一:如果Date()不寫引數,就返回當前時間物件
寫法二:如果Date()裡面寫引數,就返回括號裡輸入的時間物件
獲取任意 Date 物件的時間戳:const timestamp1 = +new Date();
console.log(timestamp1);
獲取當前時間戳:console.log(Date.now());
18、format()將時間物件轉換對指定的格式
Date.prototype.format = function(fmt) {
var o = {
"M+" : this.getMonth()+1, //月份
"d+" : this.getDate(), //日
"h+" : this.getHours(), //小時
"m+" : this.getMinutes(), //分
"s+" : this.getSeconds(), //秒
"q+" : Math.floor((this.getMonth()+3)/3), //季度
"S" : this.getMilliseconds() //毫秒
};
if(/(y+)/.test(fmt)) {
fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
}
for(var k in o) {
if(new RegExp("("+ k +")").test(fmt)){
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
}
比如我們可以這樣呼叫下:
var time1 = new Date().format("yyyy-MM-dd hh:mm:ss");
console.log(time1);
}
return fmt;
}
將指定日期轉換為“年月日”的格式,程式碼如下:
2. 將指定的日期轉換為"年月日"的格式,程式碼如下:
var oldTime = (new Date("2012/12/25 20:11:11")).getTime();
var curTime = new Date(oldTime).format("yyyy-MM-dd");
console.log(curTime);
執行如下:
3、將 "時間戳" 轉換為 "年月日" 的格式
var da = 1402233166999;
da = new Date(da);
var year = da.getFullYear()+'年';
var month = da.getMonth()+1+'月';
var date = da.getDate()+'日';
console.log([year,month,date].join('-'));
18、isArray():判斷是否為陣列:布林值 = Array.isArray(被檢測的陣列);
19、toString():陣列轉換為字串:字串 = 陣列.toString();
20、Array.of()建立陣列,const arr = Array.of(value1,value2)
21、陣列元素的新增和刪除;push():向陣列的最後面插入一個或多個元素,返回結果為新陣列的長度。會改變原陣列,因為原陣列變成了新陣列。新陣列的長度 = 陣列.push(元素);
22、pop()
:刪除陣列中的最後一個元素,返回結果為被刪除的元素。
23、unshift()
:在陣列最前面插入一個或多個元素,返回結果為新陣列的長度
24、shift()
:刪除陣列中的第一個元素,返回結果為被刪除的元素。
25、slice()
:從陣列中提取指定的一個或者多個元素,返回結果為新的陣列(不會改變原來的陣列)。
26、splice()
:從陣列中刪除指定的一個或多個元素,返回結果為被刪除元素組成的新陣列(會改變原來的陣列)。
27、fill()
:用一個固定值填充陣列,返回結果為新的陣列。會改變原陣列
28、concat()
:連線兩個或多個數組,返回結果為新的陣列。不會改變原陣列。concat()
方法的作用是數組合並。
29、join()
:將陣列轉換為字串,返回結果為轉換後的字串(不會改變原來的陣列)。
30、split()
是字串的方法,不是陣列的方法。
31、sort()
:對陣列的元素進行從小到大來排序(會改變原來的陣列)。
32、includes(),判斷一個數組中是否包含指定的元素。如果是,則會返回 true;否則返回 false。
33、forEach()遍歷
forEach()方法需要一個函式作為引數。這種函式,是由我們建立但是不由我們呼叫的,我們稱為回撥函式。
陣列中有幾個元素,該回調函式就會執行幾次。
回撥函式中傳遞三個引數:
-
第一個引數,就是當前正在遍歷的元素
-
第二個引數,就是當前正在遍歷的元素的索引
-
第三個引數,就是正在遍歷的陣列
注意,forEach() 沒有返回值。也可以理解成:forEach() 的返回值是 undefined。
34、