JS知識點 陣列高階API

1.陣列的遍歷

2.陣列的查詢

3.陣列的過濾與陣列的對映

陣列遍歷的方法

下面展示的**是js陣列遍歷的所有方法

// 需求：要求遍歷陣列

let arr =[1
,3,5
,7,9
];// 1.利用傳統迴圈遍歷陣列
for(
var i =
0; i < arr.length; i++
)// 2.利用for in迴圈遍歷陣列(專門用於遍歷物件的，無序的，在企業開發中不推薦使用)
for(
let key in arr)
/* */
// 3.利用es6中推出的for of來遍歷陣列
for(
let value of arr)
// 4.還可以利用array物件的foreach來遍歷陣列
// foreach會自動呼叫傳入的函式
// 每次呼叫都會將當前遍歷到的元素和當前遍歷到的索引和當前被遍歷的陣列傳遞給這個函式
arr.
foreach
(function
(currentvalue, currentindex, currentarray)
)array.prototype.
myforeach
=function
(fn)
}arr.
myforeach
(function
(currentvalue, currentindex, currentarray)
)

// 陣列的查詢

let arr =[3
,2,6
,7,6
];// 1.相關的方法
// 從左往右找，找到返回索引，找不到返回-1
let index1 = arr.
indexof(6
);console.
log(index1)
;// 2
// 從右往左找，找到返回索引，找不到返回-1
let index2 = arr.
indexof(6
);console.
log(index2)
;// 4
// 從左往右找，找到返回true，找不到返回false
let result = arr.
indexof(6
);console.
log(result)
;// true
// 2.陣列的findindex方法
// 定製版的indexof找到返回索引，找不到返回-1
let index = arr.
findindex
(function
(currentvalue, currentindex, currentarray)
if(currentvalue ===10)
})console.
log(index)
;// 3.陣列的find方法
// findindex方法找回索引，find方法找回找到的元素
let value = arr.
find
(function
(currentvalue, currentindex, currentarray)})
console.
log(value)
;

// 陣列的過濾和陣列的對映

let arr =[1
,2,3
,4,5
];// 1.陣列的filter方法
// 將滿足條件的元素新增到乙個新的陣列中
let newarray = arr.
filter
(function
(currentvalue, currentindex, currentarray)})
;console.
log(newarray)
;// 2,4
// 2.陣列的map方法
// 將滿足條件的元素對映到乙個新的陣列中
let newarray = arr.
map(
function
(currentvalue, currentindex, currentarray)})
;console.
log(newarray)
;// undefined,2,undefined,4,undefined

js資料結構 知識點 陣列

1.join和tostring 同 都可將陣列轉換為字串。異 join可自定義拼接的連線符號，預設為 而tostring只有 例如 var a 1,2,3 a.join 1,2,3 a,join 1 2 3 a.tostring 1,2,3 2.深拷貝，淺拷貝，一層深拷貝 針對引用資料型別產生的問題...

JS小知識點 陣列的相互賦值

需求場景 希望將已有陣列arrayold完全賦值到乙個新的陣列上，操作新陣列，原有陣列不變。錯誤 var arraynew arrayold 這樣寫arraynew和arrayold都會指向一樣的記憶體空間，操作arraynew時，arrayold也會改變。改進寫法 arraynew arrayol...

JS高階知識點彙總

js原型繼承 每乙個建構函式都有乙個屬性 原型 原型物件 function student name,age,student.prototype 是物件 object console.dir student.prototype 在原型物件中有乙個屬性 constructor constructor ...