js實戰小技巧彙總

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

二、陣列

**如下（示例）：

let x =

string
(value)
.indexof
('.')+
1//小數點的位置
let y =
string
(value)
.length - x   //有幾位小數

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...