본문 바로가기
728x90
반응형

IT/JavaScript와 Framework99

배열 삽입 삭제 예제... // push(), pop() --> 뒤에서 삽입, 삭제 // unshift(), shift() --> 앞에서 삽입, 삭제 ==> 속도가 느려 권장 안함. let testAr = [1, 2, 3, 4, 5]; testAr.push(6); testAr.push(7); console.log(testAr); testAr.pop(); testAr.pop(); console.log(testAr); testAr.unshift('a'); testAr.unshift('b'); console.log(testAr); testAr.shift(); console.log(testAr); 2023. 12. 8.
forEach 메서드 사용예 //forEach --> function console.log('------------------------------'); const animals = ['cat', 'dog','sheep', 'hippo', 'tiger', 'pig']; // forEach(배열요소, 배열 인덱스, 원본배열 자체가 들어옴.) animals.forEach(function(item, idx, oriarr) { //반복처리 console.log(item, idx, oriarr); }) console.log('---------2, 3 of parameters omitted--------'); // 2번째와 3번째 파라미터 생략가능 animals.forEach(function(item) { //반복처리 console.log(i.. 2023. 12. 8.
for, for...in, for...of 비교 console.clear(); const animals = ['cat', 'dog','sheep', 'hippo', 'tiger', 'pig']; console.log('----------for'); for(let i = 0; i 2023. 12. 8.
DOM (Document Object Model) DOM 웹의 문서와 웹의 태그와 관련된 객체를 의미 태그와 노드는 거의 같은 개념 HTML 요소들의 구조화된 표현 DOM 객체구조는 "노드 트리"라고 표현 텍스트 노드 1. 제일 먼저 생성하고자 하는 엘리먼트 요소를 생성(즉, 태그를 생성) --> createElement() 2. 원하는 텍스트를 변수에 저장 --> createTextNode() 3. 해당 객체에 붙여준다 --> appendChild() // 테스트시 개발자 도구-> Elements 에서 확인해야 추가된 태그가 보인다. 2023. 12. 6.
728x90
반응형

티스토리툴바