for循环
使用计数器变量来迭代数组元素
var arr = [1,2,3,4,5]
for(var i=0;i<arr.length;i++){
console.log(array[i])
}
上面的i就是计数器变量，初始值为0，每次循环后加1，直到i等于数组长度为止。在循环体内，可以通过数组索引arr[i]来访问每个元素。
forEach
forEach循环会自动迭代数组，对每个元素执行回调函数，并跳过数组中未定义的元素。
执行后不返回新数组
arr.forEach(function(currentValue, index, array) {
// 执行内容
}, thisValue);
第一个参数是回调函数，它可以接受三个参数：当前处理的元素值currentValue、当前处理的元素索引index、当前正在操作的数组对象arr。第二个参数thisValue可选，表示在执行回调函数时，将其作为函数体内this关键字的值。
var arr = [1,2,3,4,5]
array.forEach(element=>{
console.log(element) //每个元素
})
for…of
for...of循环是ES6新增的一种循环语法，可以用于遍历数组、字符串、Map、Set等可迭代对象。与传统的for循环不同，for...of循环语句本身不包含初始化变量、循环条件和迭代器，而是直接遍历迭代对象中的每个元素。
element表示在每次迭代中，将要被赋值为迭代对象中下一个元素的变量，arr参数是一个可迭代对象，例如数组或字符串。在循环体内，可以使用elemente变量来访问当前遍历到的元素。
var arr = [1, 2, 3, 4, 5];
for (var element of arr) {
console.log(element);
}
element变量会被依次赋值为数组中的每个元素，然后在循环体内输出到控制台上。
for…of循环只能用于遍历可迭代对象，不能用于普通对象。如果需要遍历对象的属性，可以使用for…in循环。
map
对数组中的每个元素执行一个指定的函数，并返回一个新数组。它不会修改原始数组，而是返回一个新的数组，新数组的元素是回调函数的返回值。
arr.map(function(currentValue, index, array) {
// 执行内容
}, thisValue);
第一个参数是回调函数，它可以接受三个参数：当前处理的元素值currentValue、当前处理的元素索引index、当前正在操作的数组对象array。第二个参数thisValue可选，表示在执行回调函数时，将其作为函数体内this关键字的值。
var numbers = [1, 2, 3, 4, 5]
var doubledNumbers = numbers.map(function(num) {
return num * 2;
});
console.log(doubledNumbers); // [2, 4, 6, 8, 10]
使用场景
- 转换数组中的元素：
map方法最常见的用法是根据数组中的每个元素进行转换，生成一个新的数组。 - 提取对象数组中的特定属性：如果数组中的元素是对象，可以使用
map方法提取对象的特定属性，生成一个包含这些属性值的新数组。例如，从一个包含学生对象的数组中提取学生姓名。 - 处理异步操作：
map方法也可以用于处理异步操作，例如对数组中的每个元素进行异步处理并返回一个包含处理结果的 Promise 数组。
for…in
用于遍历对象属性的一种循环语句。for…in循环需要指定一个迭代变量和一个可枚举对象。在每次迭代中，迭代变量会被赋值为可枚举对象的下一个属性名，然后我们就可以使用该属性名来访问对应的属性值。
其中，ele表示在每次迭代中，将要被赋值为对象中下一个可枚举属性的名称，obj参数是一个普通对象。在循环体内，我们可以使用ele变量来访问当前遍历到的属性值。
var obj = { name: 'Tom', age: 18, gender: 'Male' };
for (var ele in obj) {
// ele--属性名 obj[ele]--属性值
console.log(ele + ': ' + obj[ele]);
}
这里的ele变量会被依次赋值为对象obj中的每个属性名，然后在循环体内使用obj[prop]来访问对应的属性值。循环结束后，所有属性名和属性值都会输出到控制台上。
需要注意的是，for…in循环不仅会遍历对象自身的属性，还会遍历对象原型链上的属性。因此，在使用for…in循环时，需要使用hasOwnProperty()方法来判断对象是否拥有该属性，以避免不必要的属性访问。
filter
用于筛选数组中满足指定条件的元素，并返回一个新的数组。它不会修改原始数组，而是返回一个新的数组，新数组中包含满足筛选条件的元素。如果没有满足条件的元素，返回的新数组将为空数组。
arr.filter(function(currentValue, index, arr) {
// 指定条件判断
}, thisValue);
第一个参数是回调函数，它可以接受三个参数：当前处理的元素值currentValue、当前处理的元素索引index、当前正在操作的数组对象arr。第二个参数thisValue可选，表示在执行回调函数时，将其作为函数体内this关键字的值。
var numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var filteredNumbers = numbers.filter(function(num) {
return num >= 5;
});
console.log(filteredNumbers); // [5, 6, 7, 8, 9, 10]
使用场景
- 根据条件筛选列表数据，这是最常用的场景，根据自己的需要对原数组数据进行过滤
- 去除数组中的空值或无效值
- 去重，通过
filter方法结合indexOf或includes方法，可以过滤掉数组中的重复元素
reduce
用于对数组中的元素进行累积操作，将数组缩减为一个值。它通过提供的回调函数来实现累积操作，并返回最终结果。
array.reduce(function(accumulator, currentValue, index, array) {
// 累积操作
}, initialValue);
第一个参数是回调函数，它可以接受四个参数：累积器(accumulator)、当前处理的元素值(currentValue)、当前处理元素的索引(index)和当前正在操作的数组对象(array)。第二个参数initialValue可选，表示初始的累积值。
如果没有提供初始值(initialValue)，那么数组的第一个元素将作为初始的累积值，并从数组的第二个元素开始进行迭代。如果数组为空且没有提供初始值，那么将抛出 TypeError 异常。
// 对数组中元素求和
var numbers = [1, 2, 3, 4, 5];
var sum = numbers.reduce(function(total, num) {
return total + num;
}, 0);
console.log(sum); // 15
回调函数接受两个参数total和num，total表示累积值，初始值为0，而num表示当前处理的元素值。在每一次迭代中，回调函数会将total与当前元素值num相加，然后返回新的累积值。最终，reduce() 方法返回的是最后一次迭代后的累积值。 使用场景
- 计算
- 去重
- 数组转化为对象：将数组转化为对象，通常用于处理键值对数据。
- 映射和筛选：可以结合条件判断，对数组进行映射和筛选操作。
some
返回这个数组部分符合条件的bool值，只要有一个存在，则返回为真，some 方法在找到满足条件的元素后会立即停止遍历，不会继续执行剩余元素的检查。
const array = [1, 2, 3, 4, 5];
const hasEvenNumber = array.some((element) => element % 2 === 0);
console.log(hasEvenNumber); // 输出: true
使用场景
- 检查数组中是否存在特定元素，可以使用
some方法来检查数组中是否存在某个特定值或满足特定条件的元素。 - 权限控制：在权限控制逻辑中， 用
some方法检查用户是否具有特定权限。 - 表单验证：在表单验证过程中，检查是否有任何字段未通过验证。
every
返回这个数组全部都符合条件的bool值，全部匹配则返回真
const numbers = [1, 2, 3, 4, 5];
const allEven = numbers.every((element) => element % 2 === 0); // allEven 为 false
使用场景
- 检查所有元素是否满足条件，当数组中的每个元素都满足条件时，
every方法返回true；否则返回false - 判断空数组：当前为空数组时方法会返回true，但一般不用
every判断，判断空数组一般用array.length就可以了，严谨一点的话，可以结合Array.isArray()方法来确定变量是否为数组类型。
sort
对数组的元素进行排序。排序顺序可以是字母或数字，并按升序或降序。
直接改变原数组
[3,4,2,1,5].sort() // => [1,2,3,4,5]
find
find筛选符合条件的第一个数据对象 返回的是符合条件的第一项的值 ，如果没有找到满足条件的元素，则返回 undefined，find不会改变原数组，这个方法本身运行后的结果就是得到的那一个数据项
const numbers = [1, 2, 3, 4, 5];
const foundNumber = numbers.find((element) => element > 3); // foundNumber 为 4
- 查找对象属性，
find方法常用于从对象数组中查找具有特定属性值的对象，比如找到数组中id为2的数据。 - 处理数据不存在或不满足所需条件的情况，当
find方法找不到满足条件的元素时，它返回undefined。可以利用这一点来处理找不到元素的情况。
findIndex
返回符合测试条件的第一个数组元素索引，如果没有符合条件的则返回 -1。不改变数组的原始值
let list = [1, 2, 3];
list.findIndex((item => item > 1));
