1. 程式人生 > 其它 >前端使用掃碼槍

前端使用掃碼槍

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、