[jQuery] $.extend란?

 

프로젝트를 하면서 처음 안 기능!

그건 바로

$.extends

이다.

 

JQuery 공식문서에서는 다음 기능을

"둘 이상의 개체 내용을 첫번째 개체로 병합합니다."라고 소개한다.

 

jQuery.extend( target, object1 [, objectN ] )

예시를 살펴보자.

 

var object1 = {
  apple: 0,
  banana: { weight: 52, price: 100 },
  cherry: 97
};
var object2 = {
  banana: { price: 200 },
  durian: 100
};

// Merge object2 into object1
var result = $.extend( object1, object2 );

console.log("결과: " + JSON.stringify( result ));
console.log("결과 object1: " + JSON.stringify( object1 ));
console.log("결과 object2: " + JSON.stringify( object2 ));

결과: {"apple":0,"banana":{"price":200},"cherry":97,"durian":100}
결과 object1: {"apple":0,"banana":{"price":200},"cherry":97,"durian":100}
결과 object2: {"banana":{"price":200},"durian":100}

중복된 키에는 뒤의 값들(object2)이 덮어져버리고

첫번째 객체(object1)로 병합된다. 

 

---

References

https://api.jquery.com/jquery.extend/

jQuery.extend() | jQuery API Documentation