數(shù)組是什么
創(chuàng)建數(shù)組的方法
創(chuàng)建數(shù)組直接量
構(gòu)造函數(shù)法
數(shù)組的特點(diǎn)
如何訪問數(shù)組
如何遍歷數(shù)組
array.length
Array.isArray()
定義：
A仍然有戴已。i是Array()方法用于檢測(cè)是否是數(shù)組
語法：
Array.isArray(value)
- value:要檢測(cè)的值
返回值：
- true : 如果是數(shù)組青瀑， 返回true
- false : 如果不是數(shù)組饵沧， 返回false
示例（原則：用最簡(jiǎn)單的例子呈現(xiàn)知識(shí)點(diǎn)原理）
var str = 'hello wolrd'
var arr = [1,2,3]
console.log(Array.isArray(str))
console.log(Array.isArray(arr)）
array.push()
定義
array.push()將新元素添加到數(shù)組的末尾。
語法
array.push(item1,item2,...,itemx)
- item1：要添加的元素
- item：一次可以添加多個(gè)元素绑莺，多個(gè)元素之間用逗號(hào)分隔颤芬。
返回值
返回新數(shù)組長度
示例
var arr = [1,2,3]
arr.push(4) //長度是4
arr.push(4,5,6) //長度是7
array.unshift()
定義
array.unshift() 方法將新項(xiàng)添加到數(shù)組的開頭擎析，并返回新的長度。
語法
array.unshift(item1, item2, ..., itemX)
- item1：添加新的元素
- item：可以添加多個(gè)元素
返回值
數(shù)值轧拄，表示新的長度
示例
var arr = [1,2,3]
arr.unshift(1) //4
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon", "Pineapple");
document.getElementById("demo").innerHTML = fruits;
array.pop()
定義
array.pop() 方法用于刪除數(shù)組最后一個(gè)元素
語法
array.pop()
返回值
返回刪除元素
示例
var arr = [1,2,3]
var str = arr.pop()
console.log(str) //返回3
array.shift()
定義
array.shift() 方法移除數(shù)組的第一項(xiàng)真友。。
語法
array.shift()
返回值
Array.shift() 返回被移除的數(shù)組元素
示例
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();
document.getElementById("demo").innerHTML = fruits;
array.reverse()
定義
array.reverse()
語法
無參數(shù)
返回值
返回相反元素
示例
var arr = [1,2,3]
arr.reverse()
console.log(arr) //[3,2,1]
array.join()
定義
join() 方法將數(shù)組作為字符串返回紧帕。
語法
array.join(separator)
返回值
字符串值盔然，表示數(shù)組值桅打，由指定的分隔符分隔。
示例
<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" and ");
</script>
返回 Banana and Orange and Apple and Mango
array.concat()
定義
concat()方法用于連接兩個(gè)或多個(gè)數(shù)組愈案。
concat() 方法不會(huì)更改現(xiàn)有數(shù)組挺尾，而是返回一個(gè)新數(shù)組，其中包含已連接數(shù)組的值站绪。
語法
array1.concat(array2, array3, ..., arrayX)
返回值
Array 對(duì)象遭铺，表示已連接的數(shù)組。
示例
<script>
var sedan = ["S60", "S90"];
var SUV = ["XC40", "XC60", "XC90"];
var wagon = ["V60", "V90", "V90CC"];
var Volvo = sedan.concat(SUV, wagon);
document.getElementById("demo").innerHTML = Volvo;
</script>
map()
定義
map() 方法使用為每個(gè)數(shù)組元素調(diào)用函數(shù)的結(jié)果創(chuàng)建新數(shù)組恢准。
map() 不會(huì)改變?cè)紨?shù)組魂挂。
語法
array.map(function(currentValue, index, arr), thisValue)
返回值
數(shù)組，包含為原始數(shù)組中的每個(gè)元素調(diào)用提供的函數(shù)的結(jié)果馁筐。
示例
var numbers = [65, 44, 12, 4];
var newarray = numbers.map(myFunction)
function myFunction(num) {
return num * 10;
}
document.getElementById("demo").innerHTML = newarray;;
find() 方法
定義
find() -方法返回?cái)?shù)組中第一個(gè)通過測(cè)試的元素的值（作為函數(shù)提供）
find()方法對(duì)數(shù)組中存在的每個(gè)元素執(zhí)行一次函數(shù)：
如果找到函數(shù)返回 true 值的數(shù)組元素涂召，則 find() 返回該數(shù)組元素的值（并且不檢查剩余值）
否則返回 undefined
語法
array.find(function(currentValue, index, arr), thisValue)
返回值
如果數(shù)組中任何元素通過測(cè)試，則返回元素值敏沉，否則返回 undefined果正。
示例
<h1>JavaScript 數(shù)組</h1>
<p>單擊按鈕可返回?cái)?shù)組中第一個(gè)值高于此數(shù)字的元素的值：</p>
<p><input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">試一試</button>
<p id="demo"></p>
<script>
const ages = [4, 12, 16, 20];
function checkAge(age) {
return age > document.getElementById("ageToCheck").value;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAge);
}
</script>
