每天一篇javascript学习小结（Array数组）

1、数组常用方法 var colors = ["red", "blue", "green"]; //creates an array with three strings alert(colors.toString()); //red,blue,green alert(colors.valueOf()); //red,blue,green alert(colors); //red,blue,green 2、数组map()方法   var numbers = [1,2,3,4,5,4,3,2,1]; var mapResult = n 在JavaScript中，数组是一种非常重要的数据结构，它允许我们存储多个值在一个单一的变量中。在本篇学习小结中，我们将重点探讨数组的一些常用方法，包括`toString()`、`valueOf()`、`map()`、`reduce()`以及`concat()`，同时也会涉及到数组的`length`属性。 1. **数组常用方法** - `toString()`：这个方法将数组转换为字符串，各元素之间用逗号分隔。在示例中，`colors.toString()`返回"red,blue,green"。 - `valueOf()`：与`toString()`类似，`valueOf()`也返回数组的表示形式，通常情况下，如果数组直接在浏览器控制台输出，其默认的行为就是调用`valueOf()`。 - `alert(colors)`：不带任何方法调用时，直接输出数组，也会触发`toString()`，所以`alert(colors)`同样输出"red,blue,green"。 2. **数组`map()`方法** - `map()`方法创建一个新的数组，新数组的元素是原数组元素经过提供的函数处理后的结果。在这个例子中，`numbers.map()`将每个元素乘以2，返回 `[2,4,6,8,10,8,6,4,2]`。 3. **数组`reduce()`方法** - `reduce()`方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值。在给出的例子中，`reduce()`函数累加数组元素，最后返回它们的总和，即15。 4. **数组`concat()`方法** - `concat()`方法用于合并两个或更多数组，并返回新的数组。原数组不会被改变。如`colors2`就是`colors`数组与另外两个元素的拼接，得到"red,green,blue,yellow,black,brown"。 5. **数组`length`属性** - `length`属性返回数组中元素的数量。例如，`colors.length`始终返回3，即使通过设置`length`属性尝试修改它，访问超出`length`指定范围的索引会得到`undefined`。需要注意的是，创建数组时省略元素会导致在不同浏览器中`length`计算的差异，例如`values.length`在某些浏览器中可能为2，而在其他浏览器中可能为3。 了解这些基本的数组方法和属性后，可以更有效地操作和处理JavaScript中的数组数据。在实际编程中，这些知识对于实现各种功能，如数据过滤、转换、聚合等都至关重要。持续学习和实践JavaScript数组操作，将有助于提升编程技能和效率。