JavaScript数组-数组案例

JavaScript中的数组是一种非常强大且灵活的数据结构，广泛应用于各种Web开发场景中。无论是处理用户输入、管理数据集合还是执行复杂的计算，数组都能提供丰富的操作方法来满足需求。本文将通过几个具体的案例展示如何利用数组解决实际问题，并介绍一些常用的数组方法及其应用场景。

案例1：统计学生成绩

假设我们有一组学生的考试成绩，需要计算平均分、最高分和最低分。

数据：

let scores = [89, 76, 92, 85, 94, 88];

解决方案：

我们可以使用reduce()方法计算总分，然后除以学生人数得到平均分；使用Math.max()结合扩展运算符获取最高分；同样地，使用Math.min()获得最低分。

const totalScore = scores.reduce((acc, score) => acc + score, 0);
const averageScore = totalScore / scores.length;
const highestScore = Math.max(...scores);
const lowestScore = Math.min(...scores);

console.log(`Average Score: ${averageScore}`); // 输出平均分
console.log(`Highest Score: ${highestScore}`); // 输出最高分
console.log(`Lowest Score: ${lowestScore}`);   // 输出最低分

案例2：筛选符合条件的产品列表

假设有一个商品列表，我们需要根据特定条件（如价格低于100元）筛选出符合要求的商品。

数据：

let products = [
    { name: 'Apple', price: 80 },
    { name: 'Banana', price: 120 },
    { name: 'Cherry', price: 50 },
    { name: 'Date', price: 200 }
];

解决方案：

这里我们可以使用filter()方法来筛选出价格低于100元的商品。

let affordableProducts = products.filter(product => product.price < 100);

affordableProducts.forEach(product => {
    console.log(`${product.name}: ${product.price}`);
});
// 输出:
// Apple: 80
// Cherry: 50

案例3：对数组元素进行排序

考虑一个场景，你需要按照字母顺序或数值大小对一组数据进行排序。

数据：

let names = ['Charlie', 'Alice', 'Bob'];
let numbers = [3, 1, 4, 1, 5, 9];

解决方案：

对于字符串数组，可以直接使用sort()方法。而对于数字数组，需要传递一个比较函数给sort()方法以确保正确的排序顺序。

names.sort();
console.log(names); // 输出: ["Alice", "Bob", "Charlie"]

numbers.sort((a, b) => a - b);
console.log(numbers); // 输出: [1, 1, 3, 4, 5, 9]

案例4：扁平化多维数组

有时候我们会遇到多维数组的情况，需要将其转换为一维数组。

数据：

let nestedArray = [[1, 2], [3, 4], [5, 6]];

解决方案：

ES6提供了flat()方法用于简化多维数组的扁平化过程。默认情况下，它会将二维数组变为一维数组。

let flatArray = nestedArray.flat();
console.log(flatArray); // 输出: [1, 2, 3, 4, 5, 6]

如果你有更深的嵌套层次，可以通过传递参数指定深度。

let deeplyNestedArray = [[[1, 2], 3], [4, [5, 6]]];
let fullyFlatArray = deeplyNestedArray.flat(Infinity);
console.log(fullyFlatArray); // 输出: [1, 2, 3, 4, 5, 6]

案例5：合并两个数组

有时需要将两个数组合并成一个新的数组。

数据：

let array1 = ['a', 'b', 'c'];
let array2 = ['d', 'e', 'f'];

解决方案：

可以使用扩展运算符或者concat()方法来实现数组的合并。

使用扩展运算符：

let combinedArray = [...array1, ...array2];
console.log(combinedArray); // 输出: ["a", "b", "c", "d", "e", "f"]

使用concat()方法：

let combinedArray = array1.concat(array2);
console.log(combinedArray); // 输出: ["a", "b", "c", "d", "e", "f"]

结语

感谢您的阅读！如果你有任何问题或想法，请在评论区留言交流！