编程笔记 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);