Array

• Array 객체 : 배열에 활용하는 많은 속성과 함수가 미리 정의되어 있는 객체

둘 이상의 배열을 연결하는 concat()함수

• 기존의 배열에 또 다른 배열이나 값을 합쳐서 새로운 배열을 만드는 함수
• concat() 함수는 새로운 배열을 만들기 때문에 기존의 nums나 chars 배열에는 영향을 주지않음

배열 요소를 연결하는 join() 함수

• 지정한 구분 기호를 사용해 배열 요소 연결
• 구분 기호를 지정하지 않으면 쉼표로 구분

새로운 요소를 추가하는 push()함수와 unshift() 함수

• push() 함수 : 배열의 맨 끝에 요소 추가
• unshift() 함수 : 배열의 맨 앞에 요소 추가
• 새 요소가 추가된 후의 요소 개수가 반환됨

배열에서 요소를 추출하는 pop() 함수와 shift() 함수

• pop : 배열의 맨 뒤에 있는 요소 추출
• shift : 배열의 맨 앞에 있는 요소 추출
• 추출한 요소가 반환됨

원하는 위치의 요소를 삭체/추가하는 splice() 함수

• 괄호 안에 들어 있는 인수에 따라 일정 구간의 요소를 삭제하고 새로운 요소를 추가하는 함수
• splice() 함수를 실행하면 삭제한 구간의 요소들로 이루어진 새로운 배열이 결괏값으로 표시됨

DOM

• 문서 객체 모델, 자바스크립트가 웹 문서를 동적으로 다룰 수 있도록 문서에 있는 각 요소를 객체 형태로 처리하는 것

DOM 트리

• DOM은 웹 문서의 요소를 부모 요소와 자식 요소로 구분
• 웹 문서 구조를 부모/자식 관계로 표시하면 나무를 거꾸로 뒤집어 놓은 모습

DOM 트리의 노드

• 웹 문서의 태그는 엘리먼트 노드로 표현합니다.
• 태그가 품고 있는 텍스트는 해당 요소 노드(태그)의 자식 노드인 텍스트 노드로 표현합니다.
• 태그의 속성은 모두 해당 요소 노드의 자식 노드인 속성(Attribute)노드로 표현합니다
• 주석은 주석(Comment) 노드로 표현합니다