提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  Javascript

当前栏目

JS浅拷贝

2023-02-18 16:30:12 时间

浅拷贝

浅拷贝创建一个新对象，这个对象仅对原对象的属性进行拷贝，属性值是基本类型时，拷贝的是原数据，属性值是引用类型时，拷贝的是指针

实现浅拷贝的几种方法

  • Object.assign 
let person = { name: 'swt', age: 20 }

let people = Object.assign({}, person)

people.name = 'pty'

console.log(person) //  { name: 'swt', age: 20 }
console.log(people) //  { name: 'pty', age: 20 }
  • Array.prototype.concat 
let arr = [1, 2, 3]

let newArr = arr.concat()

newArr[0] = 100

console.log(arr) //  [ 1, 2, 3 ]
console.log(newArr) //  [ 100, 2, 3 ]
  • Array.prototype.slice 
const animals = ["ant", "bison", "camel", "duck", "elephant"]

const newAnimals = animals.slice();

newAnimals[0] = "chicken"

console.log(animals); //  [ 'ant', 'bison', 'camel', 'duck', 'elephant' ]
console.log(newAnimals); //  [ 'chicken', 'bison', 'camel', 'duck', 'elephant' ]
  • Spread syntax 
const a = [1, 2, 3]

const b = [...a]

b[0] = 4

console.log(a); //  [ 1, 2, 3 ]
console.log(b); //  [ 4, 2, 3 ]

相关文章