saplice方法
let arr=['Banana','orange','apple','mango'];
arr.splice(2,2,'demo','like')
第一个参数（2）定义的是在哪个位置添加新元素（拼接）
第二参数（0)定义的是要删除多少元素 其余参数代表要添加的新元素 如果在第二个参数里写上数字这代表要删除几个元素，
并把新添加的元素替换上去
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.splice(0, 1);
// 删除 fruits 中的第一个元素从 如果只写第一个参数和第二个参数则代表从哪里删元素，要删除几个
toString()
把数组转化为数组值（逗号隔开)的字符串
var fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits.toString();
返回的结果
Banana,Orange,Apple,Mango
join()方法
可以将所有数组元素结合为一个字符串
它的行为类似 toString()，但是您还可以规定分隔符：
var fruits = ["Banana", "Orange","Apple", "Mango"]; document.getElementById("demo").innerHTML = fruits.join(" * ");
返回结果
如果括号里不写则为逗号拼接
Banana * Orange * Apple * Mango
concat()
连接两个或多个数组，并返回已连接的数组副本
var sedan = ["S60", "S90"]; var SUV = ["XC40", "XC60", "XC90"]; var Volvo = sedan.concat(SUV);
返回的结果
S60,S90,XC40,XC60,XC90
copyWithin() 方法？？？
将数组中的数组元素复制到指定位置或从指定位置复制
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.copyWithin(2, 0);
返回结果
Banana,Orange,Banana,Orange
every()
检查数组中的每个元素是否通过测试。
<p>如果数组中的所有元素都通过测试（作为函数提供），则 Array.every() 方法返回 true。</p> <p id="demo"></p> <script> const ages = [32, 33, 16, 40]; document.getElementById("demo").innerHTML = ages.every(checkAge); function checkAge(age) { return age > 18; } </script>
返回结果
false
fill()方法
用静态值填充数组中的元素
语法
array.fill(value, start, end)
差数值
参数 | 描述 |
value | 必需。用于填充数组的值。 |
start | 可选。开始填充数组的索引（默认为 0）。 |
end | 可选。停止填充数组的索引（默认为 array.length）。 |
返回值： | 数组，改变后的数组。 |
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.fill("Kiwi", 2, 4);
返回值
用 "Kiwi" 填充最后两个数组元素： Banana,Orange,Kiwi,Kiwi
filter() 方法
参数值
参数 | 描述 |
function(currentValue, index, arr) | 必需。为数组中的每个元素运行的函数。 函数参数： |
thisValue | 可选。要传递给函数以用作其 "this" 值的值。 如果此参数为空，则值 "undefined" 将作为其 "this" 值传递。 |
参数 | 描述 |
currentValue | 必需。当前元素的值。 |
index | 可选。当前元素的数组索引。 |
arr | 可选。当前元素所属的数组对象 |
返回由 ages 数组中所有大于等于特定数字的值组成的数组：
<p>Minimum age: <input type="number" id="ageToCheck" value="18"></p> <button onclick="myFunction()">Try it</button> <p>All ages above minimum: <span id="demo"></span></p> <script> var ages = [32, 33, 12, 40]; function checkAdult(age) { return age >= document.getElementById("ageToCheck").value; } function myFunction() { document.getElementById("demo").innerHTML = ages.filter(checkAdult); } </script>
返回结果
如age=18这得到的结果为 32,33,40
find()方法
返回数组中第一个通过测试的元素的值。如果找到该元素返回第一个满足条件的元素，如果未找到返回undefined
获取数组中第一个其值高于特定数字的元素的值：
<p>Minimum age: <input type="number" id="ageToCheck" value="18"></p> <button onclick="myFunction()">Try it</button> <p>Any ages above: <span id="demo"></span></p> <script> var ages = [4, 12, 16, 20]; function checkAdult(age) { return age >= document.getElementById("ageToCheck").value; } function myFunction() { document.getElementById("demo").innerHTML = ages.find(checkAdult); } </script>
返回结果
如age=13则结果为 16
findIndex()方法
返回数组中通过测试的第一个元素的索引。如果找到了则返回该元素的索引，如果未找到返回-1
获取数组中第一个值高于特定数字的元素的索引：
<p>Minimum age: <input type="number" id="ageToCheck" value="18"></p> <button onclick="myFunction()">Try it</button> <p>Any ages above: <span id="demo"></span></p> <script> var ages = [4, 12, 16, 20]; function checkAdult(age) { return age >= document.getElementById("ageToCheck").value; } function myFunction() { document.getElementById("demo").innerHTML = ages.findIndex(checkAdult); } </script>
返回结果
如age为13 则返回的索引值为 2
foEach()方法
遍历数组
列出数组中的每一项：foEac会把数组遍历一遍
var fruits = ["apple", "orange", "cherry"]; fruits.forEach(myFunction); function myFunction(item, index) { document.getElementById("demo").innerHTML += index + ":" + item + "<br>"; }
返回结果
0: apple 1: orange 2: cherry
获取数组中所有值的总和：
var sum = 0; var numbers = [65, 44, 12, 4]; numbers.forEach(myFunction); function myFunction(item) { sum += item; document.getElementById("demo").innerHTML = sum; }
返回结果
125
from()方法
从对象创建数组。
从字符串创建数组：
const myArr = Array.from("ABCDEFG"); document.getElementById("demo").innerHTML = myArr;
返回结果
A,B,C,D,E,F,G from() 方法从具有 length 属性或可迭代对象的任何对象返回 Array 对象。
includes()方法
检查数组是否包含指定的元素。
检查数组是否包含 "Banana"，从位置 3 开始搜索：
var fruits = ["Banana", "Orange", "Apple", "Mango"]; var n = fruits.includes("Banana", 3);
返回结果
false
indexOf()
在数组中搜索元素并返回位置
在数组中搜索项目 "Apple"，从位置 4 开始搜索：
var fruits = ["Banana", "Orange", "Apple", "Mango", "Banana", "Orange", "Apple"]; var a = fruits.indexOf("Apple", 4);
返回结果
4返回的是索引号
map()
使用为每个数组元素调用函数的结果创建新数组。
将数组中的所有值乘以 10：
var numbers = [65, 44, 12, 4]; var newarray = numbers.map(myFunction) function myFunction(num) { return num * 10; } document.getElementById("demo").innerHTML = newarray;;
返回结果
650,440,120,40
pop()
删除数组的最后一个元素，并返回该元素。
pop() 返回它删除的元素：
const fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.pop(); // Returns "Mango"
返回结果
Mango
push()
将新元素添加到数组的末尾，并返回新的长度
添加多个项目：
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.push("Kiwi", "Lemon", "Pineapple");
返回结果‘
Banana,Orange,Apple,Mango,Kiwi,Lemon,Pineapple
push()
返回新的长度：
const fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.push("Kiwi"); // 返回 5
reverse()
反转数组中元素的顺序
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.reverse();
返回结果
Mango,Apple,Orange,Banana
shift()
删除数组的第一个元素，并返回该元素
删除数组中的第一个项目：
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.shift();
返回结果
Orange,Apple,Mango
Array.shift() 返回被移除的数组元素：
onst fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.shift(); // 返回 "Banana"
返回结果
Banana
slice() 方法
选择数组的一部分，并返回新数组。选择的是第一个包含第一个索引到第二个值之间的元素
从数组中选择元素：
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"]; var citrus = fruits.slice(1, 3);
返回结果
Orange,Lemon
sort() 方法
对数组的元素进行排序。
排序数组：
var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.sort();
返回结果
Apple,Banana,Mango,Orange
按升序对数组中的数字进行排序：
<script> const points = [40, 100, 1, 5, 25, 10]; points.sort(function(a, b){return a-b}); document.getElementById("demo").innerHTML = points; </script>
返回结果
1,5,10,25,40,100
按降序对数组中的数字进行排序：
<script> const points = [40, 100, 1, 5, 25, 10]; points.sort(function(a, b){return b-a}); document.getElementById("demo").innerHTML = points; </script>
返回结果
100,40,25,10,5,1
获取数组中的最小值：
<script> const points = [40, 100, 1, 5, 25, 10]; // Sort the numbers in ascending order: points.sort(function(a, b){return a-b}); // points[0] is now the lowes value: document.getElementById("demo").innerHTML = points[0]; </script>
返回结果
1
获取数组中的最大值
<script> const points = [40, 100, 1, 5, 25, 10]; // Sort the numbers in descending order: points.sort(function(a, b){return b-a}); // points[0] is now the highest value: document.getElementById("demo").innerHTML = points[0]; </script>
返回结果
100
unshift（）
将新元素添加到数组的开头，并返回新的数组
<script> const fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.unshift("Lemon", "Pineapple"); document.getElementById("demo").innerHTML = fruits; </script>
返回结果
Lemon,Pineapple,Banana,Orange,Apple,Mango
some()方法
检测数组中是否存在满足条件的元素，如果有，返回true,否则返回false
特点：找到一满足条件的就不找了
every()
检测数组中所有的元素是满足某个条件，如果都满足，返回true,如果有一个不满足就返回fales
特点：找到一个不满足条件的就不找了，就立即返回最后的结果
