js各种赋值_js 赋值-优快云博客

本文链接：https://blog.youkuaiyun.com/phhzhhh/article/details/121676560

本文详细探讨了JavaScript中数组赋值、表单赋值和对象赋值的技巧，包括Object.assign、…展开运算符、JSON转换和深拷贝方法，以及在实际场景中的应用实例。特别关注了如何避免浅拷贝带来的问题和使用JSON进行对象复制的注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

数组赋值

1.this.object= Object.assign({}, record)

2._.assign(object, [sources])

这方法会改变 objecthttps://www.lodashjs.com/docs/lodash.assign

3._.set(this.table, 'loadData', data)
  this.$set( this.table,'loadData1',val)  // 一般用于对象赋值，可以给到对象get和set方法   很好

4.let data = _.get(res, 'data.records')

5.    
    this.loadData.splice(0,this.loadData.length) //一开始初始化this.loadData，看情况要不要初始化
    //（数组初始化不要直接用this.loadData=[],因为只是一个空数组没有方法，会无法绑定，表格出不来（多次调用整个方法的情况下））
    setTable1 (val,dsName){
        val.forEach((item,index)=>{ //循环赋值，若使用push记得一开始初始化，要不然多次点击会越来越多
            this.loadData.push(item)   //或this.loadData[index]=item
      })

//小程序
this.setData({
    ['partsList.front['+i+'].choose']:!this.data.partsList.fron[i].choose
})        
this.setData({[`showIndex[${i}].isShow`]: !this.data.showIndex[i].isShow})

表单赋值

this.form.setFieldsValue({ username: record.username })
this.form.setFieldsValue({ ...record })

// 重置
this.form.resetFields()
this.$refs['table-search-ref'].resetFields()

 <a-button style="margin-left: 8px" @click="() => this.form.resetFields()">重置</a-button>

this.form.getFieldValue('selectedRole')

对象赋值

直接用“=”其实会复制地址，改变一个另一个就会变，要用：对象层级大于2层时，子孙级会改变时，要用深拷贝scope.buttonParts = .cloneDeep(.assign({}, buttonParts, scope.buttonParts))

方法一：Object.assign
function copy(obj){
    return Object.assign({}, obj);
}
方法二：…展开运算符
function copy(obj){
    return { …obj };
}
方法一,方法二是浅拷贝，也就是当对象层级大于2层时，复制到的还是地址信息
let a = {age:1,
         jobs: {first:'FE’} 
        }
let b = copy(a) 
a.jobs.first =‘native'
console.log(b.jobs.first)// native
方法三：JSON
function copy(obj){
    return JSON.parse(JSON.stringify( obj ));
}
会忽略undefined,fn
不能序列化函数
不能解决循环引用的对象
方法四：MessageChannel
function structuralClone(){
    return new Promise(resolve =>{
        const {port1,port2} = new MessageChannel()
        port2.onmessage = ev => resolve(ev.data)
        port1.postMessage(obj)
    })
}
obj2  = await structuralClone(obj1);

bankAccountMap: {},addressMap: {},

let index = 0
for (const item in res.data) {
     this.bankAccountMap[index] = item
     this.addressMap[index] = res.data[item]
     index++
}
//item是属性名称res.data[item]是属性值
this.bankAccountMap = item{...res.data}

<div :style="{textAlign:getValue(record,'options.fontStyle.textAlign')}">

_.set(this.table, 'loadData', data)
this.$set( this.table,'loadData1',val)  // 可以给到对象get和set方法   很好

this.bankAccountMap = Object.assign({},this.bankAcoount)

两个JSON对象直接赋值

temQueryInfo: {
  pageIndex: 1,
  pageSize: 15,
  filter: {}
},
queryInfo: {
  pageIndex: 1,
  pageSize: 15,
  filter: {
    prOrgNo: this.$store.getters.userInfo.orgNo,
    superviseType: null,
    handleStatus: null,
    checkBeginDate: checkBegin,
    checkEndDate: null,
    tgNo: null,
    superviseUser: null
  }
},

this.temQueryInfo = JSON.parse(JSON.stringify(this.queryInfo))