javascript中常用的物件操作方法

2021-09-11 13:52:10 字數 1614 閱讀 3602

object.keys(obj) 返回物件的key組成的陣列

返回乙個所有元素為字串的陣列,其元素來自於從給定的object上面可直接列舉的屬性,不會返回原型上的方法。

const obj = ;

console.log(object.keys(obj))

['firstname', 'lastname', 'age', 'eyecolor'] //返回key組成的陣列

複製**

object.values(obj) 返回物件的value組成的陣列

返回乙個由value組成的陣列,其元素是在物件上找到的可列舉屬性值。

const obj = ;

console.log(object.values(obj))

['john', 'doe', 50, 'blue'] //返回value組成的陣列

複製**

object.assign() 可以將源物件複製到目標物件中

object.assign(target, ...sources)

target為目標物件,...sources為源物件(可以為多個物件)

//  淺拷貝物件

const obj =

};const copy = object.assign({}, obj);

console.log(copy) // 返回淺拷貝的物件,修該obj會同時修改copy的值

// 合併多個物件

const obj =

};const obj2 = ;

const obj3 = ;

const compose = object.assign(obj, obj2, obj3); // 返回三個物件合併組成的物件,如有相同屬性則會被後續引數中具有相同屬性覆蓋。

// 深拷貝物件

const obj =

};const deepclone = json.parse(json.stringify(obj)); // 返回深拷貝的物件,修改obj不會影響該物件

複製**

object.entries(obj) 返回物件的key和value組成的陣列

object.entries(obj) 方法返回乙個物件key和value鍵值對組成的陣列

const obj = ;

console.log(object.entries(obj));

// [["foo", "bar"], ["baz", 42]]

複製**

obj.hasownproperty() hasownproperty 方法判斷物件中屬性是否存在

const obj = 

};console.log(obj.hasownproperty('love')) // true

複製**

JavaScript中常用的陣列方法

1.arr.push new element 描述 在陣列末尾處新增乙個元素。返回值 新陣列元素的個數。是否改變原陣列 是。2.arr.pop 描述 在陣列末尾處刪除乙個元素。返回值 被刪除的元素。是否改變原陣列 是。3.arr.unshift new element 描述 在陣列開頭處新增乙個值。...

JavaScript中常用事件的型別

注 submit和reset通常是繫結到form表單中使用的,change通常用於input和selcet表單中 window.onload function form.onreset function form.onchange function form.oninput function scr...

javascript陣列中常用方法及屬性。

array.prototype.splice index,count,item1 item2 刪除或新增指定的專案 會改變原始陣列 index 要刪除或新增的專案位置 0 開始 負數則從陣列結尾處算起。count 要刪除的數量 為 0 則不會刪除。item1 item2 次要可寫 向陣列新增新的專案...