es6零碎記憶

1:substring 和 substr數組

var str = '0123456789'

console.log(str.substring(1)); //123456789
console.log(str.substr(1)); //123456789

console.log(str.substr(2,5));// 234 區間爲[2, 5)
console.log(str.substr(2, 5));// 23456 區間爲[2, 2+5-1];
console.log(-4);// 6789截取後四位

console.log(str) 原始字符串不變

2: slice 和 splicecode

二者都是針對數組的,slice適用於字符串
   splice是直接在原始數組上操做的(直接在數組上操做的還有pop(數組末尾刪除)/push(數組末末尾添加)/shift(數組首部刪除)/unshift(數組首部添加)/sort/reverse/concat)
var arr = [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ];

console.log(arr.slice(1)); // [1, 2, 3, 4, 5, 6, 7, 8, 9]; 
console.log(arr.splice(1)); // [1, 2, 3, 4, 5, 6, 7, 8, 9];
console.log(arr) ; // [0], 被splice砍下的。

 arr = [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ];
console.log(arr.slice(2, 5)); // [2, 3, 4] 區間爲[2, 5)
console.log(arr.splice(2, 5)); // [2, 3, 4, 5, 6] 區間爲[2, 2+5-1];
console.log(arr); // [0, 1, 7, 8, 9];
 記憶: splice裏面有一個p,看起來就像一把刀,直接砍在數組身上。

3:數組擴展:對象

3.1: 擴展運算符...
3.2: Array.from($1) 將一個相似數組的對象轉換爲一個數組。
3.3:Array.of($1, $2, $3) 將一組值轉換爲一個數組。
3.4:Array.copyWithin($1, $2, $3) 表示將索引爲$2到索引爲$3之間的成員複製到索引爲$1的位置上面。
3.5:Array.find((n) => {  n > 10}); 表示找到第一個符合條件的數組成員。
3.6:Array.findIndex((n) => { n< 10}) 表示找到第一個符合條件的數組值得索引下標。
3.7:Arrray.fill() // 表示填充一個數組。
    ['a', 'b'. 'c'].fill(7) [7, 7, 7]
    ['a', 'b', 'c'].fill(7, 1, 2) ['a', 7, 'c'] 
3.8: Array.entries()表示對鍵值對的遍歷/Array.keys()表示對鍵名的遍歷/Array.values()表示對鍵值的遍歷
3.9:Array.includes($1) 表示數組中是否包含$1這個元素值。 

3.10:ForEach(讓數組中的每一項作一件事)
         arr.forEach((item, index) => { console.log(item) })
3.11:map(讓數組經過某種計算產生一個)
          arr.map((item,index) => { return item * 10})
3.12: filter(篩選出數組中符合條件的項,組成新數組)
          arr.filter((item, index) => {  return item > 3})
3.13:reduce(讓數組中的前項和後項作某種計算,並累計最總值)
          arr.reduce((prev, next) => { return prev + next})
3.14: every(檢測數組中的每一項是否符合條件)
          arr.every((item, index) => {  return item> 0})  返回true或者false
3.15:some(檢測數組中是否有條件符合條件)
          arr.some((item, index) => {  return item > 0})  返回true或者false

4:字符串的擴展?索引

4.1:string.at($1) 返回字符串給定位置的字符
4.2:string.includes($1) 表示是否找到了參數字符串
4.3:string.startsWith($1) 表示參數字符串是否在源字符串的頭部
4.4:string.endsWith($1) 表示參數字符串是否在源字符串的結尾處
        includes/startsWith/endsWith 支持第二個參數$2  
        includes/startsWith 第二個參數表示從第$2個位置到字符串結束位置之間的字符
        endsWith第二個參數表示前$2個字符串中。
4.5: string.repeat(n)方法返回一個新的字符串表示元字符重複n次。
4.6: string.padStart(n, $1)/string.padEnd(n, $1)  字符串補全長度
       n表示字符串的最小長度 $1表示要補全的字符串。
        ‘x’.padStart(5, 'ab') // 'ababx'
        'x'.padStart(4, 'ab') // 'abax'
        
        'x'.padEnd(5, 'ab')// 'xabab'
        'x'.padend(4, 'ab') // 'xaba'
相關文章
相關標籤/搜索