js的slice小技巧

简介: js的slice小技巧

寻求报复的人使创痕常新,如果不是这样,那么创痕早就痊愈了。——培根

非常简单,在没有浅拷贝直接赋值时,效果是这样:

let arr = [1,2,3]
let arrCopy = arr
arrCopy[1] = 4
console.log({arr, arrCopy})
// 输出
// {arr: Array(3), arrCopy: Array(3)}
//  > arr: (3) [1, 4, 3]
//  > arrCopy: (3) [1, 4, 3]
//  > [[Prototype]]: Object

但如果我们使用slice且不传入参数,则是进行浅拷贝

let arr = [1,2,3]
let arrCopy = arr.slice()
arrCopy[1] = 4
console.log({arr, arrCopy})
// 输出
// {arr: Array(3), arrCopy: Array(3)}
//  > arr: (3) [1, 2, 3]
//  > arrCopy: (3) [1, 4, 3]
//  > [[Prototype]]: Object
相关文章
|
3月前
|
分布式计算 JavaScript 前端开发
JS中数组22种常用API总结,slice、splice、map、reduce、shift、filter、indexOf......
JS中数组22种常用API总结,slice、splice、map、reduce、shift、filter、indexOf......
|
3月前
|
存储 JavaScript 前端开发
js的一些小技巧
js的一些小技巧
|
8月前
|
JavaScript
JS中splice与slice的区别【基础】
JS中splice与slice的区别【基础】
51 0
|
4月前
|
JavaScript 前端开发 索引
|
5月前
|
JavaScript 前端开发 索引
深入理解 JavaScript 中的 slice 方法
在 JavaScript 中,slice() 是一个常用的数组方法,用于从现有数组中提取一部分元素,然后返回一个新的数组。它是一个非常有用的工具,可以帮助你在不改变原始数组的情况下操作数组的子集。本文将介绍 slice() 的基本概念、使用方法、实践案例和互动练习,以帮助你更好地理解和掌握这一功能强大的方法。
|
8月前
|
设计模式 JavaScript 前端开发
JavaScript程序设计模式小技巧——策略模式,快看快用!!!(下)
JavaScript程序设计模式小技巧——策略模式,快看快用!!!(下)
|
8月前
|
JSON JavaScript 前端开发
|
10月前
|
JavaScript
js小技巧(2)
js小技巧(2)
|
10月前
|
JavaScript
js超实用的小技巧(1)
js超实用的小技巧(1)
|
11月前
|
JavaScript
js 字符串截取 slice 的小bug 以及处理方式
js 字符串截取 slice 的小bug 以及处理方式
67 0