js 小知識記錄(一)

2021-10-23 23:27:23 字數 2033 閱讀 5722

1、選擇 map / object 字面量,而不是switch語句

特別適合vue裡面的filter過濾

function

test

(color)

}//測試結果

test

(null);

// test

('yellow'

);

另兩種寫法更直觀

const fruitcolor =

;function

test

(color)

const fruitcolor =

newmap()

.set

('red',[

,'strawberry'])

.set

('yellow',[

'banana',]

).set(

'purple',[

'grape'

,'plum'])

;function

test

(color)

2、使用 array.every 和 array.some 來處理全部/部分滿足條件

const fruits =[,

,];function

test()

console.

log(isallred)

;// false

}

另一種更簡單的方法

const fruits =[,

,];function

test()

判斷是否有乙個是紅色,我們可以使用 array.some 僅用一行**就實現出來。

3、使用 array.includes 來處理多重條件

function

test

(fruit)

}

4、分割指定長度元素陣列

const

listchunk

=(list, size =

1, cachelist =

)=>

while

(tmp.length)

return cachelist }

console.

log(

listchunk([

1,2,

3,4,

5,6,

7,8,

9]))

// [[1], [2], [3], [4], [5], [6], [7], [8], [9]]

console.

log(

listchunk([

1,2,

3,4,

5,6,

7,8,

9],3

))// [[1, 2, 3], [4, 5, 6], [7, 8, 9]]

console.

log(

listchunk([

1,2,

3,4,

5,6,

7,8,

9],0

))// console.

log(

listchunk([

1,2,

3,4,

5,6,

7,8,

9],-

1))//

5、在字串中查詢給定的單詞,並替換為另乙個單詞

const

findandreplace

=(string, wordtofind, wordtoreplace)

=> string.

split

(wordtofind)

.join

(wordtoreplace)

;let result =

findandreplace

;

小知識記錄

清除浮動 新增子元素,左右都不允許出現浮動元素。清除a的下劃線 text decoration none 清除li前的小圓點 li 聖杯布局 negative margin 關於文件流,浮動流和position input標籤的型別 color,date,email 可使用偽類 或 元素。style...

linux小知識記錄

1 linux的程序和執行緒 程序建立通常呼叫fork實現。建立後子程序和父程序指向同一記憶體區域,僅當子程序有write發生時候,才會把改動的區域copy到子程序新的位址空間,這就是copy on write技術,它極大的提高了建立程序的速度。linux執行緒是通過程序來實現。linux kern...

css小知識記錄

前端展示 時,有些列文字過多會導致換行,使得 行之間間距變大不美觀,解決辦法是強制不換行,在行標籤中加 tr style white space nowrap js動態控制控制項的顯示和隱藏 方式一 document.getelementbyid 控制項id style.display none d...