計算のプロパティ、オブジェクトメソッド


Computed property

let a = 'age';
const user = {
	name: 'Mike',
    age: 30
}
aという変数とuserというオブジェクトがあります.
ここで、対象のageを[a]で置き換えるのも同様である.
let a = 'age';
const user = {
	name: 'Mike',
    [a]: 30 // age: 30
}
このように[]カッコで囲むと、a文字列ではなく、変数aに割り当てられた値になります.これをComputed propertyと呼びます.

このように食べ物を入れること自体も可能!!

オブジェクトメソッド


Object.assign()assign()assign()assign()assign()assign()assign()assign()assign()assign()assign()assign()assign()assign

const user = {
	name: 'Mike',
    age: 30
}
const cloneUser = user;
ユーザーオブジェクトがある場合にcloneuserを作成してuserを作成すると、これはコピーになりますか?
答えられない!
user変数は、オブジェクト自体ではなく、オブジェクトに格納されたメモリアドレスであるオブジェクトの参照値を格納します.したがって、cloneUserを作成してuserを作成すると、オブジェクトをコピーして挿入するのではなく、参照値のみがコピーされます.

つまり、上の写真と同じように形が出てきます.cloneUserの名前、つまりuserの名前を変えました.2つの変数が1つのオブジェクトにアクセスしています.
では、どのようにしてコピーしますか?次の構文を使用します.
const newUser = Object.assign({}, user);
ここで、{}空のオブジェクトは初期値です.2番目のパラメータから入力されたオブジェクトは、初期値にマージされます.

これにより、userが空のオブジェクトにマージされ、マージされます.

名前の変更がuserの値を変更しないことを確認できます!

初期値が{gender: 'male'}の場合、合計3パーセントが生成されます.

合併の時に同じ背丈だったらどうなりますか?
埋もれてしまう!!

2つ以上のオブジェクトをマージすることもできます.user名前のみ、info1年齢のみ、info2性別のみの場合は、写真の矢印の形でマージ!

Object.keys():鍵配列を返す


Object.keys()メソッドは、オブジェクトpropertyのキーを配列として返します.userのオブジェクトがObject.keys(user)のパラメータに渡されると、鍵は["name", "age", "gender"]に返されます.

Object.values():戻り値配列



逆に、価格だけを求めたいなら、Object.values()の方法を使うことができます!
オブジェクトのvalueの対応する部分は["Mike", 30, "male"]配列に戻ります.

Object.entries():キー値配列を返す



キーと値を配列に戻すには、Object.entries()メソッドを使用します.このメソッドは、キーと値を組み合わせて配列を返します.配列には各キーと値が含まれ、3つの配列が含まれます.

Object.fromEntreats():キー/値配列オブジェクトとして

Object.entries()とは反対の機能Object.fromEntries()は、キーと値の対をなす配列をオブジェクトに返す.

使用例

function makeObj(key, val){
	return {
    	[key]: val,
    }
}
const age = makeObj('나이', 20);
console.log(age) 
// {'나이': 20}
const gender = makeObj('성별', 'female');
console.log(gender);
// {'성별': 'female'}
何のキーか分からないときに使うコード.
ソース)