[TIL] Array() / sort() / appendChild() 메소드

🍴오늘 할 일

• 자바스크립트 복습
• 알고리즘 풀기

Array()

 

Array(2).fill()
[undefined, undefined]

Array(45).fill(0).map((el, idx)=>{
	return idx + 1
})
[1,2,3,4,5 ... ,45]

어떨 때 for문이 좋고 어떨 때 while문이 좋은가?

while

• 몇번 반복해야될지 모를 때
• 조건이 간단하면

for

• 문 몇번 반복해야될지 알 때
• 복잡하면

배열을 복사하는방법

array.slice()

array === array.slice()   //false

sort()

compareFunction(a, b)이 0보다 작은 경우 a를 b보다 낮은 색인으로 정렬합니다. 즉, a가 먼저옵니다.

appendChild()

JavaScript의 appendChild() 메서드는 DOM(Document Object Model) 트리에 새로운 노드를 추가하는데 사용됩니다.

appendChild() 메서드는 새로운 노드를 다른 노드의 자식 노드로 추가하며, 다음과 같은 방법으로 사용할 수 있습니다:

javascript
Copy code
const parent = document.querySelector('#parent'); // 부모 노드 선택
const child = document.createElement('div'); // 새로운 자식 노드 생성

parent.appendChild(child); // 부모 노드에 자식 노드 추가
위의 코드에서 querySelector() 메서드를 사용하여 부모 노드를 선택하고, createElement() 메서드를 사용하여 새로운 자식 노드를 생성합니다. 그리고 appendChild() 메서드를 사용하여 새로운 자식 노드를 부모 노드에 추가합니다.

또한, appendChild() 메서드는 새로운 자식 노드를 추가하면서 이전에 있던 자식 노드들의 순서를 유지합니다. 즉, 새로운 자식 노드는 부모 노드의 가장 마지막 자식 노드로 추가됩니다.

html
Copy code
<div id="parent">
  <div>첫 번째 자식 노드</div>
  <div>두 번째 자식 노드</div>
</div>
javascript
Copy code
const parent = document.querySelector('#parent'); // 부모 노드 선택
const child = document.createElement('div'); // 새로운 자식 노드 생성
child.textContent = '세 번째 자식 노드';

parent.appendChild(child); // 부모 노드에 자식 노드 추가
위의 코드에서는 기존에 있던 두 개의 자식 노드 뒤에 textContent 속성을 설정한 세 번째 자식 노드를 추가하고 있습니다.

결과적으로, appendChild() 메서드를 사용하여 새로운 노드를 추가하면 DOM 트리에 새로운 노드가 추가되며, 기존의 다른 노드들과 상호작용할 수 있습니다.