2025年js数组方法slice（js数组方法splice）

科技前沿 • 2025-05-24 15:49 • 阅读 48

大家好，我是讯享网，很高兴认识大家。

JavaScript中的数组有两个常用的方法：slice 和 splice。

slice 方法： slice 方法是用于从数组中提取指定范围的元素，然后返回一个新的数组。它接受两个参数，即开始索引和结束索引（不包括结束索引本身），如果省略结束索引，则会一直提取到数组末尾。原始数组不会被修改。

示例：

 const fruits = [&#39;apple&#39;, &#39;banana&#39;, &#39;orange&#39;, &#39;grape&#39;, &#39;kiwi&#39;]; const <em>slice</em>dFruits = fruits.<em>slice</em>(1, 4); // 从索引 1 到 4（不包括 4）提取元素 console.log(<em>slice</em>dFruits); // 输出：[&#39;banana&#39;, &#39;orange&#39;, &#39;grape&#39;] const <em>slice</em>dFruits2 = fruits.<em>slice</em>(2); // 从索引 2 开始提取元素到<em>数组</em>末尾 console.log(<em>slice</em>dFruits2); // 输出：[&#39;orange&#39;, &#39;grape&#39;, &#39;kiwi&#39;] console.log(fruits); // 输出原始<em>数组</em>，不受 <em>slice</em> <em>方法</em>影响：[&#39;apple&#39;, &#39;banana&#39;, &#39;orange&#39;, &#39;grape&#39;, &#39;kiwi&#39;]

讯享网

splice 方法： splice 方法用于修改原始数组，它可以用于删除、插入或替换数组中的元素。它接受三个或更多参数，第一个参数是开始索引，第二个参数是需要删除的元素个数，之后的参数是要插入到数组的新元素（可选）。splice 方法会返回一个包含被删除元素的数组。

示例：

讯享网 const fruits = [&#39;apple&#39;, &#39;banana&#39;, &#39;orange&#39;, &#39;grape&#39;, &#39;kiwi&#39;]; const deletedFruits = fruits.<em>splice</em>(2, 2); // 从索引 2 开始删除 2 个元素 console.log(deletedFruits); // 输出：[&#39;orange&#39;, &#39;grape&#39;] console.log(fruits); // 输出被修改后的<em>数组</em>：[&#39;apple&#39;, &#39;banana&#39;, &#39;kiwi&#39;] fruits.<em>splice</em>(1, 0, &#39;pear&#39;, &#39;melon&#39;); // 从索引 1 开始插入新元素 console.log(fruits); // 输出被修改后的<em>数组</em>：[&#39;apple&#39;, &#39;pear&#39;, &#39;melon&#39;, &#39;banana&#39;, &#39;kiwi&#39;] fruits.<em>splice</em>(4, 1, &#39;mango&#39;); // 从索引 4 开始替换一个元素 console.log(fruits); // 输出被修改后的<em>数组</em>：[&#39;apple&#39;, &#39;pear&#39;, &#39;melon&#39;, &#39;banana&#39;, &#39;mango&#39;]

希望这些示例能够帮助你理解 slice 和 splice 方法的用法。

2025年js数组方法slice（js数组方法splice）

相关推荐