經常寫**寫的很多很累贅，看看下面例子，爭取以後**簡潔簡化。個人也覺得簡潔分明的**很重要。
感覺內容很好用，方便以後快速學習。
1.獲取url中 ？後的攜帶引數
// 獲取url的查詢引數let params={}
location.search.replace(/([^?&=]+)=([^&]+)/g, (_,k,v) => parmas[k] = v);
console.log(params) // ?a=b
&c=d&e=f =>
2.對多個條件篩選用array.includes
// 優化前function test(fruit)
}// 優化後
function test(fruit)
}
3.更少的巢狀，盡早返回
// 優化前function test(fruit, quantity)
}}// 優化後
function test(fruit, quantity)
}
4.使用預設的函式引數和解構
// 優化前function test(fruit，quantity ) else
}// 優化後
function test( = {}，quantity = 1)
5.選擇 map 或物件字面量，而不是 switch 語句 或者 if else
// 優化前function test(color)
}// 優化後 方式1
const fruitcolor = ;
function test(color)
// 優化後 方式2
const fruitcolor = new map()
.set('purple', ['grape', 'plum']);
function test(color)
// if... if else... else... 優化方法
const actions = new map([
[1, () => ],
[2, () => ],
[3, () => ]
])actions.get(val).call(this)
6.陣列 串聯（每一項是否都滿足）使用 array.every ； 併聯（有一項滿足）array.some過濾陣列 每項設值
// 每一項是否滿足[1,2,3].every(item=>) // false
// 有一項滿足
[1,2,3].some(item=>) // true
// 過濾陣列
[1,2,3].filter(item=>) // [3]
// 每項設值
[1,2,3].fill(false) // [false,false,false]
7.陣列去重
array.from(new set(arr))[...new set(arr)]
8.陣列合併
[1,2,3,4].concat([5,6]) // [1,2,3,4,5,6][...[1,2,3,4],...[4,5]] // [1,2,3,4,5,6]
9.陣列求和
const all = [,,]// total 總和
console.log(all.reduce(function (total, cur) , 0))
10.陣列排序
const arr = [43, 1, 65, 3, 2, 7, 88, 212, 191]// 公升序 第一位數字從小到大
console.log(arr.sort())
// 公升序 從小到大
console.log(arr.sort((x, y) => ))
// 降序
console.log(arr.sort((x, y) => ))
// 按照 age公升序/降序
const obj = [,,
,]console.log(obj.sort((x, y) => ))
11.陣列 判斷是否包含值
[1,2,3].includes(4) //false[1,2,3].indexof(4) //-1 如果存在換回索引
[1, 2, 3].find((item)=>item===3)) //3 如果陣列中無值返回undefined
[1, 2, 3].findindex((item)=>item===3)) //2 如果陣列中無值返回-1
12.物件和陣列轉化
object.keys() //['name','age']object.values() //['張三',14]
object.entries() //[[name,'張三'],[age,14]]
陣列方法 陣列函式 1027
map 此方法是將陣列中的每個元素呼叫乙個提供的函式，結果作為乙個新的陣列返回，並沒有改變源陣列 var arr 1 2,3 4,5 function m a var newarr arr.map m console.log newarr console.log arr 此方法是將陣列中的每個元素執...
js陣列方法
array.json 方法將陣列中所有元素都轉化為字串並連線在一起 預設逗號 返回生成的字串，原陣列不改變 例 var a 1 2,3 a.join 1,2,3 a.join 1 2 3 array.reverse 方法將陣列中的元素顛倒順序 返回逆序的陣列,原陣列改變 例 var a 1,2,3 ...
JS陣列方法
tostring var ary 1,2,3,4,5,6 var str ary.tostring console.log str console.log typeof str push 陣列尾部新增陣列 pop 從陣列尾部刪除乙個元素 unshift 在陣列的第乙個元素前面插入乙個或多個元素 sh...