JS物件動態的新增一項

2021-10-01 22:05:49 字數 791 閱讀 2494

第一種方法

let obj =

let key = "id";

let value = 2

obj[key] = value;

console.log(obj) //name: "tom" age: 16 id: 2

第二種方法,利用擴充套件運算子

物件中的擴充套件運算子(…)用於取出引數物件中的所有可遍歷屬性,拷貝到當前物件之中

var obj1=;

var obj2=;

var obj3=

console.log(obj3) //vue: 300 jquery: 200 react: 500

第三種辦法 object.assign(等同於第二種方法)

object.assign方法用於物件的合併,將源物件(source)的所有可列舉屬性,複製到目標物件(target)。

object.assign方法的第乙個引數是目標物件,後面的引數都是源物件。(如果目標物件與源物件有同名屬性,或多個源物件有同名屬性,則後面的屬性會覆蓋前面的屬性)。

同樣,如果使用者自定義的屬性,放在擴充套件運算子後面,則擴充套件運算子內部的同名屬性會被覆蓋掉。

let obj4 = ;

let obj5 = ;

let obj6 = ;

object.assign(obj4, obj5, obj6);

console.log(obj4) //a: "1" b: "2" c: "3"

參考鏈結

陣列刪除一項 物件刪除一項

經常用到,記一筆 var jone var skills vue react angular jquery bootstrap delete jone.輸出 var jone delete skills 1 輸出skills vue empty,angular jquery bootstrap 其中...

js動態新增物件

js的陣列,字串,物件操作是實現一些功能不可缺少的部分。一般情況下js的陣列和字串動態加起來比較方便,都有自己提供的方法,陣列的push 字串直接用加號等。但是js物件動態新增就需要一點工作了 下面我寫了兩種動態新增物件的方法 第一種function toobj1 key,val data key ...

js刪除陣列裡的某一項

總結了3種方法。1 首先求出刪除的一項在陣列中的索引 array.prototype.indexof function val return 1 然後用arr固有的方法splice刪除這一項 array.prototype.remove function val 這裡穿插下陣列splice的用法 a...