编程笔记 html5&css&js 088 JavaScript 数组
// 定义一个包含数字的数组
let numbers = [1, 2, 3, 4, 5];
// 使用for循环打印数组中的每个元素
for (let i = 0; i < numbers.length; i++) {
console.log(numbers[i]);
}
// 使用for...of循环打印数组中的每个元素
for (let num of numbers) {
console.log(num);
}
// 使用forEach方法打印数组中的每个元素
numbers.forEach(function(num) {
console.log(num);
});
// 使用箭头函数简化forEach中的代码
numbers.forEach(num => console.log(num));
// 使用map函数创建一个新数组,新数组中的元素是原数组元素的两倍
let doubledNumbers = numbers.map(function(num) {
return num * 2;
});
console.log(doubledNumbers);
// 使用箭头函数简化map中的代码
doubledNumbers = numbers.map(num => num * 2);
console.log(doubledNumbers);
// 使用filter函数创建一个新数组,新数组中的元素是原数组中能被3整除的元素
let divisibleByThree = numbers.filter(function(num) {
return num % 3 === 0;
});
console.log(divisibleByThree);
// 使用箭头函数简化filter中的代码
divisibleByThree = numbers.filter(num => num % 3 === 0);
console.log(divisibleByThree);
// 使用reduce函数计算数组元素的总和
let sum = numbers.reduce(function(accumulator, currentValue) {
return accumulator + currentValue;
}, 0);
console.log(sum);
// 使用箭头函数和简化reduce中的代码
sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum);
// 使用find函数查找数组中第一个大于2的元素
let firstGreaterThanTwo = numbers.find(function(num) {
return num > 2;
});
console.log(firstGreaterThanTwo);
// 使用箭头函数和简化find中的代码
firstGreaterThanTwo = numbers.find(num => num > 2);
console.log(firstGreaterThanTwo);
// 使用every函数检查数组中所有元素是否都大于1
let allGreaterThanOne = numbers.every(function(num) {
return num > 1;
});
console.log(allGreaterThanOne);
// 使用箭头函数和简化every中的代码
allGreaterThanOne = numbers.every(num => num > 1);
console.log(allGreaterThanOne);
// 使用some函数检查数组中是否有元素大于1
let someGreaterThanOne = numbers.some(function(num) {
return num > 1;
});
console.log(someGreaterThanOne);
// 使用箭头函数和简化some中的代码
someGreaterThanOne = numbers.some(num => num > 1);
console.log(someGreaterThanOne);
这段代码展示了如何使用不同的JavaScript数组方法,包括for
循环、for...of
循环、forEach
、箭头函数、map
、filter
、reduce
、find
、every
和some
。每一种方法都有其特定的用途,可以根据需要选择合适的方法来处理数组。
评论已关闭