Vue中物件如何新增 修改 刪除 篩選屬性key值

2021-10-17 03:43:13 字數 1829 閱讀 2039

1、新增屬性以及修改value值

方法:this.$set(this.obj,『key』,value)

或var vm = new vue()

vm.set(this.obj, 「key」, value)

var demo=

this

.$set

(demo,

"c",

"3")

console.

log(demo)

////如果物件中存在該key值,那麼就不是新增屬性,而是修改該key值的value值

this

.$set

(demo,

"c",

"4")

console.

log(demo)

////擴充套件陣列的

this

.$set

(arr, index, value)

或者var vm =

newvue()

vm.set

(arr, index, value)

案例:var a=

["1"

,"2"

,"3"

]this

.$set

(a,2

,"4"

)console.

log(a)

//["1","2","4"]

this

.$set

(a,3

,"5"

)console.

log(a)

//["1","2","4","5"]

2、修改屬性key值

//案例:把selected改為checkall

var demo=

// 複製原來的值

demo[

'checkall'

]= demo[

'selected'

]//刪除原來的key

this

.$delete

(demo,

'selected'

)console.

log(demo)

//

3、刪除屬性

this.$delete(obj,『key』)

//案例 刪除屬性name

var data =

this

.$delete

(data,

'name'

)console.

log(data)

//

4、篩選屬性

object.keys() 返回乙個表示給定物件的所有可列舉屬性的字串陣列

var obj =

;console.

log(object.

keys

(obj));

// ['foo', 'baz']

//案例:篩選出物件的第乙個屬性

var list =[,

,,,,

,,,]

;var demo2=

for(

var i in list)

var demo3 =

for(

var i in demo2)

var demo4=

[...

newset

(demo3)

]

console.

log(demo4)

//['melonbody','colorvalue','diameter']

方法有很多,持續補充

sql 新增 修改 刪除 約束

1.向表中新增新的字段 alter table table name add column name varchar2 20 not null 2.刪除表中的乙個字段 alter table table name drop column column name 3.修改表中的乙個欄位名 alter ...

linux 新增 修改 刪除路由

在日常的使用中,或者在伺服器中,有兩個網絡卡配置兩個位址,訪問不同的網路段,這種情況是非常常見的現象,但是,我們需要額外的新增路由表來決定傳送的資料報經過正確的閘道器和inte ce才能正確的進行通訊 route root ubuntu route kernel ip routing table d...

oracle 新增 修改 刪除字段

新增欄位的語法 alter table tablename add column datatype default value null not null 修改欄位的語法 alter table tablename modify column datatype default value null ...