• parents(): 자신부터 document root까지 검색을 하기 때문에 검색 결과가 1개 이상임

  • parents("tr")[0] 이런식으로 사용

• closest() :

  • 단 하나의 결과만을 리턴함
  • 선택한 요소를 포함하면서 가장 가까운 상위 요소를 선택
  • 해당 요소의 부모 엘리먼트 중에서 가장 가까운 엘리먼트 하나를 반환
  • 선택된 요소의 최초의 부모 요소를 얻을 수 있음.

$("선택자").closest("선택자");
$("선택자").closest("변수");

• parent() 항상 부모요소를 찾아줌

• .closest() : 항상 부모요소만 찾아주는 것은 아님

  • 더 확장 사용가능

부모 요소를 찾아주는데 선택된 요소에서 주어진 선택자를 기준으로 가장 가까운 요소를 찾아주는 함수이다.

JSON.parse()

• 문자열을 --> 자바스크립트 객체로 변환

깊은복사

• JSON.stringify() 객체를 json 문자열로 변환

• 원본 객체와의 참조가 끊어짐

• 객체를 json문자열로 변환 후 JSON.parse()를 이용해 다시 자바스크립트 객체로 만들어주면 --> 깊은 복사 된다.

const obj = {
  a: 1,
  b: {
    c: 2,
  },
};

const copieobj = JSON.parse(JSON.stringify(obj));

copiedObj.b.c = 3

obj.b.c === copiedObj.b.c //false 

for ~ in

• 객체에서 문자열로 키가 지정된 모든 열거 가능한 속성에 대해 반복

const obj = {a:1, b:2, c:3};

for(const property in obj){
  console.log(`${property} : ${obj[property]}};
}

---


> "a: 1"
> "b: 2"
> "c: 3"

정리

for (const variable in object) {
  statement;
}

예제

var obj = {a:1, b:2, c:3}

for(cosnt prop in obj){
	console.log(`obj.${prop} = ${obj[prop]}`);
}

// Output:
// "obj.a = 1"
// "obj.b = 2"
// "obj.c = 3"