js数组方法

1.join

    Array.json()方法将数组中所有元素都转化为字符串并连接在一起(默认逗号)

    返回生成的字符串, 原数组不改变

    例:

        var a = [1 , 2, 3];

        a.join()   // =>"1,2,3"

        a.join("_")    // =>"1_2_3"

 

2.reverse

    Array.reverse()方法将数组中的元素颠倒顺序

    返回逆序的数组, 原数组改变

    例: 

       var a = [1, 2, 3];

        a.reverse().join()    // =>"3,2,1"    并且现在a是[3,2,1]

 

3.sort

    Array.sort()将数组中的元素排序, 无参时, 以字母表顺序排序

    返回排序后的数组, 原数组改变

 

4.concat

    Array.concat()方法创建一个数组, 用于连接数组, 不会递归扁平化数组

    返回创建的新数组, 不修改调用的数组

    例:

        var a = [1,2,3];

        a.concat(4, 5)       // 返回[1,2,3,4,5]

        a.concat([4,5], [6,7])     //返回[1,2,3,4,5,6,7]

        a.concat(4,[5,[6,7]])      //返回[1,2,3,4,5,[6,7]]

 

5.slice

    两个参数指定切割片段的开始和结束位置

    返回指定数组的一个片段或子数组, 原数组不改变

    例:

        var a = [1,2,3,4,5];

        a.slice(0,3);    // 返回 [1,2,3]

        a.slice(3);      //返回 [4,5]

        a.slice(1,-1)    //返回 [2,3,4]

        a.slice(-3,-2)    //返回 [3]

 

6.splice

   插入或删除元素的通用方法, 第一个参数指定起始位置, 第二个参数指定删除元素个数,  紧随其后的任意个数的参数指定了需要插入到数组中的元素

    返回由删除元素组成的数组, 修改原数组

    例:

        var a = [1,2,3,4,5,6,7,8];

        a.splice(4);    // 返回[5,6,7,8];  a是[1,2,3,4]

        a.splice(1,2)    //返回[2,3];  a是[1,4]

        a.splice(1,1)    //返回[4];    a是[1]

 

        var a = [1,2,3,4,5];

        a.splice(2, 0, 'a', 'b')    //返回[];  a是[1, 2, 'a', 'b', 3, 4, 5]

        a.splice(2, 2, [1, 2], 3)    //返回['a', 'b'];  a是[1, 2, [1, 2], 3, 3, 4, 5]

 

7.push、pop、unshift、shift

    push 数组尾部添加元素    ,返回新数组长度

    pop 数组尾部删除元素,    返回删除元素

    shift 删除数组第一个元素,  返回删除元素

    unshift 数组头部添加元素,    返回新数组长度

 

原数组发生改变的方法: reverse()、 sort()、splice()、push()、pop()、unshift()、shift() 

原数组不发生改变的方法:    join()、    concat()、    slice()

 

es5中的数组方法

1.forEach

2.map

    返回新数组,不修改原数组,  如果调用的是稀疏数组, 返回也是稀疏数组

3.filter

    返回稠密数组

    arr.filter(()=>{return true})    //压缩稀疏数组的空缺

    原数组不改变

4.every和some

    返回true或者false

5.reduce和reduceRight

    使用指定的函数将数组元素进行组合, 生成单个值

6.indexOf和lastIndexOf

    搜索整个数组中具有给定值的元素, 第一个参数是需要搜索的值, 第二个参数指定从哪里开始搜索

    返回找到的第一个元素的索引, 如果没有找到就返回-1

 

 

 

 

 

 

 

 

 

 

<think>我们参考了多个引用中关于JavaScript数组方法的内容,现在需要给用户提供一份详细的JavaScript数组方法详解和使用指南。我们将按照常见数组方法分类,给出说明、语法、参数、返回值、是否改变原数组以及示例。注意:根据引用内容,我们会特别关注slice、join、forEach、sort、splice等方法,同时补充其他常用方法。内容结构:1.数组方法分类(根据是否改变原数组)2.每个方法的详细说明(包括方法的功能、语法、参数、返回值、是否改变原数组、示例代码)注意:在回答中,行内代码用`code`表示,但根据要求,行内数学表达式才用$...$,这里我们不需要数学表达式,所以全部用代码块或行内代码块。由于用户要求独立公式单独用$$...$$,但这里没有,所以不用。我们将分为两部分:第一部分:不改变原数组方法(例如:slice,join,concat等)第二部分:改变原数组方法(例如:splice,push,pop,sort,reverse等)同时,我们也会提到一些ES6新增的方法(如map,filter,reduce等),尽管引用中没有详细提到,但为了完整性,我们会简要说明。但是要注意:用户引用的内容中提到了slice,join,forEach,sort,splice,因此这些是重点。开始组织内容:</think> 根据提供的引用内容,以下是 JavaScript 数组方法的详细解析与使用指南,涵盖核心方法的使用场景和注意事项: ### 一、核心数组方法详解 1. **`slice(start, end)`** - **功能**:截取数组中指定区间的元素生成新数组 - **参数**: `start`:起始索引(包含) `end`:结束索引(不包含) - **返回值**:新数组 - **是否改变原数组**:❌ ```javascript const arr = ["a", "b", "c", "d", "e"]; const res = arr.slice(1, 4); // ["b", "c", "d"] ``` 2. **`splice(index, howmany, item1, ...)`** - **功能**:删除/插入元素 - **参数**: `index`:起始位置 `howmany`:删除数量(0表示不删除) `item1...`:插入的新元素 - **返回值**:被删除元素组成的数组 - **是否改变原数组**:✅ ```javascript const arr = [1, 2, 3, 4]; arr.splice(1, 2, "x", "y"); // 删除2个元素后插入 // arr变为 [1, "x", "y", 4] ``` 3. **`forEach(callback)`** - **功能**:遍历数组元素 - **参数**:回调函数 `(value, index, array) => {}` - **返回值**:undefined - **是否改变原数组**:取决于回调操作 ```javascript const arr = [1, 2, 3]; arr.forEach((val, idx) => console.log(val * idx)); // 输出: 0, 2, 6 ``` 4. **`sort([compareFunction])`** - **功能**:数组排序(默认按字符编码排序) - **参数**:可选比较函数 `(a,b) => a-b`(升序) - **返回值**:排序后的数组 - **是否改变原数组**:✅ ```javascript const nums = [23, 65, 13]; nums.sort((a,b) => a - b); // [13, 23, 65] ``` 5. **`join(separator)`** - **功能**:将数组连接字符串 - **参数**:分隔符(默认逗号) - **返回值**:字符串 - **是否改变原数组**:❌ ```javascript ["a", "b", "c"].join("-"); // "a-b-c" ``` ### 二、特殊技巧应用 1. **类数组转换(arguments→数组)** ```javascript function convert() { return [].slice.call(arguments); } convert(1, 2, 3); // [1, 2, 3] ``` 2. **ES6简化版数组转换** ```javascript const slice = Function.call.bind(Array.prototype.slice); slice(arguments); // 直接转换类数组对象 ``` ### 三、方法特性对比表 | 方法 | 改变原数组 | 返回值类型 | 时间复杂度 | |------------|------------|----------------|------------| | `slice()` | ❌ | 新数组 | O(n) | | `splice()` | ✅ | 被删除元素数组 | O(n) | | `sort()` | ✅ | 排序后数组 | O(n log n) | | `join()` | ❌ | 字符串 | O(n) | ### 四、最佳实践建议 1. **纯函数优先**:优先使用不改变原数组方法(如 `slice`/`map`/`filter`) 2. **性能敏感场景**:避免在循环中连续调用 `splice` 3. **复杂排序**:始终为 `sort()` 提供比较函数,避免字符编码排序问题[^3] 4. **大数据处理**:`forEach` 比传统 `for` 循环更易维护但性能略低[^2] --- ### 相关问题 1. `Array.prototype.map()` 和 `forEach()` 的主要区别是什么? 2. 如何实现数组去重操作? 3. `reduce()` 方法的高级应用场景有哪些? 4. ES6 新增的数组扩展方法有哪些优势? 5. 如何用数组方法实现浅拷贝与深拷贝? [^1]: 引用JS数组方法大全 [^2]: 引用JS数组方法(全且详细) [^3]: 引用JS数组数组方法的使用 [^4]: 引用Array.splice详解
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值