原生JavaScript常用陣列 字串方法與遍歷

2021-09-24 16:11:05 字數 1944 閱讀 1718

陣列常用方法

var strarr =

['i'

,'am'

,'jontyy'];

console.

log(strarr.

join()

);//i,am,jontyy

console.

log(strarr.

join

('-'))

;//i-am-jontyy

console.

log(strarr.

join(''

));//iamjontyy

//字串轉陣列是 split方法

2. indexof() 查詢索引值下標 / lastindexof() 反向查詢

3. concat() 拼接,原陣列末尾新增n項

4. slice(start,[end]) 擷取(不包括end) *****

陣列高階函式方法
var arr =[1

,2,3

,4,5

,6];

console.

log( arr.

some

(function

( item, index, array )))

;

console.

log( arr.

every

(function

( item, index, array )))

;//item=1,index=0,array=1,2,3,4,5,6

//item=2,index=1,array=1,2,3,4,5,6

//item=3,index=2,array=1,2,3,4,5,6

//item=4,index=3,array=1,2,3,4,5,6

//true

//item=1,index=0,array=1,2,3,4,5,6

//false

some一直在找符合條件的值,一旦到,則不會繼續迭代下去。

every從迭代開始,一旦有乙個不符合條件,則不會繼續迭代下去。

2. filter() 過濾 —不修改原陣列

var ages =[32

,33,16

,40];

function

checkadult

(age)

function

myfunction()

,,];

var newarr = objarr.

map(

(ele, index, objarr)

=>);

console.

log(newarr)

;//[1,2,3]

foreach() 遍歷陣列,不改變原陣列
arr.

foreach

((index,ele,arr)

=>

)

var a =[1

,2,3

,4,5

,6,7

,8,9

,10]var str = a.

reduce

(function

(prev,cur,index,arr));

str //55

reduceright()

'hello'

.indexof

('ll',0

);//2

'asdasdasdasd'

.replace

('a'

,'---'

)//"---sdasdasdasd"

原生javascript獲取元素樣式

摘要 我們在開發過程中經常會遇到通過js獲取或者改變dom元素的樣式,方法有很多,比如 通過更改dom元素的class。現在我們討論原生js來獲取dom元素的css樣式,注意是獲取不是設定 在開始之前先說下獲取最終應用在元素上的所有css屬性物件的意思是,如果沒有給元素設定任何樣式,也會把瀏覽器預設...

javascript原生DOM知識總結

dom是 document object model的縮寫,也就是文件物件模型的意思,它是一種用於html和xml文件的程式設計介面。它給文件提供了一種結構化的表示方法,可以改變文件的內容和呈現方式。上面對dom的解釋比較官方不易理解,用我自己的話來解釋的話 網頁是由一系列的html組成,如果把每乙...

用原生JavaScript寫AJAX

原生js寫ajax就像打 打 分下面4步 1.拿出手機 2.撥號 3.說話 4.聽對方說話 ajax也分下面4步 1.建立ajax物件 2.連線到伺服器 3.傳送請求 告訴伺服器我要什麼檔案 4.接收返回值 但是,不能每次用ajax的時候都寫那麼多 要把這段ajax 封裝起來,方便使用。最後把 封裝...