js實戰小技巧彙總

2021-10-25 10:11:18 字數 1851 閱讀 3324

記錄實戰開發中使用到的js技巧

二、陣列

**如下(示例):

let x =

string

(value)

.indexof

('.')+

1//小數點的位置

let y =

string

(value)

.length - x //有幾位小數

**如下(react):

changeevent=

(e)=

>)}

onchange=

{(e)

=> this.

changeevent

(e)>

<

/input>

//[^\d]表示所有除了數字以外的字元,/g表示全域性匹配,

//.replace(/[^\d.]/g,"")表示將數字以外的字元替換為空

1、只取整數

parseint(5

/2)// 2,丟棄小數部分,只保留整數部分

2.向上取整

math.

ceil(5

/2)// 3,有小數就整數部分加1

3.向下取整

math.

floor(5

/2)// 2,丟棄小數部分

4.四捨五入

math.

round(5

/2)// 3,四捨五入

**如下(示例):

arr=

['george'

,'john'

,'thomas'

]a = arr.

shift()

//得到=》a='george' ,arr=['john','thomas']

//.shift() 方法用於把陣列的第乙個元素從其中刪除,改變了原來的陣列,並返回第乙個元素的值

//.pop()用法和.shift()一樣,把陣列最後乙個元素從其中刪除

①改變原陣列的值,不返回任何值,實現對陣列的刪除,插入,替換

②第乙個引數為起始下標,第二個引數為替換多少個,第三個引數為替換成什麼

**如下(示例):

插入:

var arr =

['a'

,'b'

,'c'

,'d'];

arr.

splice(1

,0,'ttt');

//第二個引數為0,代表不替換任何值

//得到=》arr=['a','ttt','b','c','d']

替換:var arr =

['a'

,'b'

,'c'

,'d'];

arr.

splice(1

,2,'ttt');

//第二個引數為2,代表替換掉兩個值

console.

log(arr)

;//得到=》arr=['a','ttt','c','d']

刪除:var arr =

['a'

,'b'

,'c'

,'d'];

arr.

splice(1

,2);

//arr=['a','d'];

**如下(示例):

let a =[1

,2,3

];let b = a.

concat([

4,5]

)// 得到=>b=[1,2,3,4,5],不改變a;

前端實戰小技巧

前端知識小技巧 1 保留 首行 標題 清空列表 table tr not first html table tr not first empty 2 通過屬性隱藏input標籤型別 隱藏,但會佔位置 隱藏,但不會佔位置 通過jquery隱藏與顯示 p hide p show 3 前台動態新增opti...

js使用小技巧

1.收藏時用圖示顯示 2.td內容實現不換行 只要使用nowrap屬性即可 3.獲得客戶端檔案大小 4.動態刪除元素 img1.removenode true 5.模擬按鍵 var wshshell new activexobject wscript.shell wshshell.sendkeys ...

js常用小技巧

陣列扁平化 const arr 1,2,3,4,5,6,7,8 console.log arr.flat infinity 1,2,3,4,5,6,7,8 console.log arr.join split 1 2 3 4 5 6 7 8 console.log arr.tostring spli...