본문 바로가기

컴퓨터/Javascript

JavaScript Boolean 참 거짓 판별 let val = 0; console.log(Boolean(val));
JavaScript Object 자바스크립트 객체 *선언 let 객체명; *정의 객체명 = {요소명1: 요소값1, 요서명2: 요소값2, ...}; ※ 객체도 변수와 같이 최초 정의 후 재정의가 가능하다. *선언과 동시에 정의 let 객체명 = {요소명1: 요소값1, 요소명2: 요소값2, ...}; *요소에 접근 요소에 접근할 때는 「객체명.요소명」으로 접근한다. let obj = {name: "홍길동", age: 37}; console.log(obj.name); *요소의 값 재정의 let obj = {name: "홍길동", age: 37}; obj.age = 40; console.log(obj); *정적요소 추가 let obj = {}; obj.name = "홍길동"; *동적요소 추가 obj["key"] = value; * 문자열을 객체로 변환 JSON..
JavaScript DOM 삭제하기 *하나 삭제 let a = document.getElementById("a"); a.parentNode.removeChild(a); *여러개 삭제 let a = document.getElementsByClassName("a"); for(let i=0; i
JavaScript DOM 추가하기 ▒ 엘리먼트 생성 let list = document.createElement("li"); ▒ 텍스트노드 생성 let node = document.createTextNode("list"); ▒ 엘리먼트에 텍스트노드 추가 list.appendChild(node); ▒ 엘리먼트에 엘리먼트 추가 var element = document.getElementById("ul-1"); //엘리먼트 선택 element.appendChild(list); //엘리먼트에 엘리먼트 추가 *엘리먼트에 엘리먼트 정의 let rowBox = document.createElement("div"); rowBox.innerHTML = `Hello,World!`;
JavaScript Array 자바스크립트 배열 1. 배열은 여러 요소의 값을 한번에 담은 그릇이다. 2. 선언 let 배열명; 3. 정의 배열명 = [값1, 값2, ...]; 4. 선언과 동시에 정의 let 배열명 = [값1, 값2, ...]; 5. 요소에 접근: 요소에 접근할 때는 「배열명[인덱스]」로 접근한다. 이 때 인덱스는 0부터 시작한다. let arr = [1, 2, 3]; console.log(arr[0]); 6. 요소의 값 재정의 let arr = [1, 2, 3]; arr[0] = 7; console.log(arr); 7. 배열의 특정 값 찾기 const friends = [ { name: '양주진', age: 32, job: '코인러', married: false, }, { name: '오영제', age: 32, job: '랩퍼',..

티스토리툴바