js在工作中基礎使用總結

2021-10-12 14:46:01 字數 3618 閱讀 7699

寫在前面:非常基礎,日常工作用到就總結下來(大神不要繞路,請指點!!!)

替換一串字串從後面開始某個符號後的文字

let contents =

""//正則方式

console.

log(contents.

replace(/

(?<=\/)\w+$/,

123)

)////字串查詢index方式

let index = contents.

lastindexof

('/'

)//返回從後往前第一次出現的index

console.

log(contents.

substring(0

,index+1)

+'123'

)//

替換一串字串某個字元前面的內容

let demo_id =

"id_demo"

//正則方式

console.

log(demo_id .

replace(/

(.+(?=\_))/,

123)

)//123_demo

//字串查詢index方式

let index = id.

indexof

('_'

)console.

log(id.

substring(0

,index+1)

)

查詢某一陣列中符合條件的成員是否包含其他陣列中的成員並替換

//原理:

//1.把需要與其對比的陣列轉換成字串

//2.用includes方法判斷是否包含符合條件的某成員

過濾相等後賦值

let oldarr =[,

,,,]

let newarr =[,

] oldarr.

foreach((

item, index

)=>})

}}})

console.

log(oldarr)

//0:

//1:

//2:

//3:

過濾出陣列中符合條件的成員

//filter過濾

let oldarr =[,

,,,]

let newarr =oldarr.

filter(e

=>

)console.

log(newarr)

//0:

// 1:

// 2:

每隔2秒使變數改變不同的值

//原理:數字每隔2秒加1,利用取餘的方法,取餘2會等於1或者等於0

let count =

2setinterval((

)=>

,2000

);

查詢功能(查詢對應id的版本號,若無版本號字段返回「n/a」) [

,,,,

]function

findversion(e

))return version

}console.

log(

findversion(3

))//222

用「-」連線陣列中的成員

let obj =[,

,]let obj_id =

'' obj.

foreach

(element

=>);

console.

log(obj_id.

slice(0

,obj_id.length-1)

)//1-2-3

空物件的各種列印結果

let obj =

console.

log(

typeof obj)

//"object"

console.

log(obj.name ==

undefined

)//true

console.

log(obj.name ==

"undefined"

)//false

console.

log(

typeof obj ==

"object"

)//true

console.

log(

typeof obj == object)

//false

console.

log(

json

.stringify

(obj)

=="{}"

)//true 可以用來判斷乙個物件是否為空

判斷資料型別

//陣列要用instanceof判斷(instanceof:例項屬於的意思)

//typeof可以判斷所有資料型別,返回值為6個字串

//分別為string、boolean、number、function、object、undefined。

//instanceof是物件運算子,判斷該物件是誰的例項

let obj =

let arr =

let str =

""let num =

123let demo =

null

let demo1 =

undefined

let boolean =

false

console.

log(

typeof obj)

//object

console.

log(

typeof arr)

//object

console.

log(

typeof str)

//string

console.

log(

typeof num)

//number

console.

log(

typeof demo)

//object

console.

log(

typeof demo1)

//undefined

console.

log(

typeof boolean)

//boolean

console.

log(obj instanceof

object

)//true

console.

log(arr instanceof

array

)//true

從陣列中隨機篩選中乙個元素

const arr =[1

,2,3

];const radom = math.

floor

((math.

random()

* arr.length)

);

HTML在工作中的使用

本文是在學習html的時候,心血來潮嘗試的做法。純屬瞎玩,不可當真。工作中編輯郵件 在管理系統上進行任務編輯 描述時,都可能會使用到html的簡單知識。有一些簡單的標籤可以幫助我們更好的完成工作,比如字型加粗 換行等。比如我在辦公系統上編輯乙個task的時候使用了html,使得這個task的描述展示...

JS單例模式在工作中的使用

比如有乙個js叫demo.js,那麼我們可以在js裡這樣寫 var demo 這樣做的目的是將整個js當成乙個物件,這樣暴露在外的全域性變數就只有demo這乙個命名,不像我們平常寫直接寫很多函式,這都是對全域性空間的一種汙染,一旦專案中別人也取了同樣的名稱,那麼就容易出問題了。function 1 ...

在工作中找尋價值

我遇到很多程式設計師都說自己的工作很無聊,很無趣,想跳槽幹點更有技術含量的 更有挑戰性 甚至是更炫的工作。還有些人一邊罵現有的專案,一邊找新的工作。其實除非你能從頭參與乙個專案的開發,到了新的專案也差不多,很難滿足你的要求。現在有幾個專案是從頭來的呢?大部分的專案都是處於維護狀態,就是對新需求在老 ...