분류 전체보기 (94) 썸네일형 리스트형 JS 배열(Array) 배열(Array) : 여러개의 항목이 들어있는 리스트 배열사용예시 배열에 새로운 항목 추가하기 push push 응용 Q. 숫자로 이루어진 배열이 주어졌을 때, 해당 숫자 배열안에 들어있는 숫자 중 3보다 큰 숫자로만 이루어진 배열을 새로 만들어서 반환해보세요. 배열의 크기 알아내는법 length *배열안에는 숫자, 문자, 객체, 배열 모두 들어갈 수 있다. JS 객체 프로퍼티(key, value) 접근하는 방법 Object.key(변수명) : 속성 이름을 배열 형태로 반환 Object.value(변수명) : 속성의 값들을 배열 형태로 반환 Object.entries(변수명) : Object에 entries()를 사용하면 객체가 가지고 있는 모든 프로퍼티를 키와 값 쌍으로 배열 형태로 반환 JS 객체(Object) +비구조화 할당(ES6) 객체 Object : 한 변수안에 여러가지 정보 담기위함 객체 안에 속성이 각 3개씩 존재. name, actor, alias 는 객체의 key '토니스타크', '로버트다우니주니어', '아이언맨'은 객체의 value 속성값은 문자열, 숫자, 객체, 함수 모두 올 수 있음 사용할땐 ironMan.name 이런식으로 .사용 but, 띄어쓰기가 있을땐 ironMan['n ame'] []을 사용. -> 흔하지 x object의 비구조화 할당 : 구조가 깔끔하게 보여짐 1번 방식 2번 방식 3번 방식(함수 밖에서도 사용가능) 원래는 왼쪽방식으로 표현했는데 오른쪽으로 비구조 할당 방식으로도 표현 가능 객체안에 함수 넣기 cat.say는 정의해주지 않았지만 cat.say = dog.say함으로써 say : funct.. JS 삼항 조건 연산자 삼항연산자( 작은 if ) 이용해서 8시 8분 8초 8:8:8을 08:08:08로만들기 기본 if문 : if ( condition ) { value if true; } else { value if false; } 조건부 삼항 연산자 : condition ? value if true : value if false ex1) 운전자 나이 let person = { name: 'tony', age: 20, driver: null };person.driver = person.age >=16 ? 'Yes' : 'No'; person.driver = ((person.age >=16) ? 'Yes' : 'No';) 답: person.driver = 'Yes'; ex2) 학생할인 let isStudent = true; .. JS 조건문, 반복문 + 논리연산자 우선순위 * 조건문 : if문 & switch문 * * if문 -> var date = new Date(); var hour = date.getHours(); if(hour switch (변수명){ case 값A : 값이 A일 때 실행할 명령문; break; case 값B : 값이 B일 때 실행할 명령문; break; case 값C : 값이 C일 때 실행할 명령문; break; case 값D : 값이 D일 때 실행할 명령문; break; case 값E : 값이 E일 때 실행할 명령문; break; default : 위의 값 A ~.. JavaScript로 title 바꾸는 법 JavaScript로 HTML 스타일 변경 * 바꿀 요소 먼저 선택 후 실행 * innerHTML : 선택한 요소안의 텍스트 변경 스타일 변경하는 법 : document.getElementByID("ID").style.color = yellow; 함수로 변경하기 + 원래 color가 검정색인데 click하면 BASE_COLOR = #34495e로 바뀌게 하기 그리고 console에도 뜨게하기 마지막줄 title.addEventListener('click', init); = init(); 과 같음! JS 함수선언하기, 호출 함수 만들기 : 여기서 a,b는 받아줘야하는 인자 여기서 name이 받아줘야하는 인자 내가 필요할때 함수를 호출하기 & 결과 지금 당장 함수 호출하기 & 결과 function sayHello(name,age){ console.log(`Hello ${name) you are ${age} years old`}; } const greetSoyeong = sayHello('soyoeng",27); ->여기서 greetSoyeong는 sayHello 함수의 return값(실행값)임. But, 지금은 아무것도 return 되지 않음!! 그래서 console.log(greetSoyeong) 해도 console엔 undefined라고 뜨게됨 ∴ undefined가 아닌 상태를 원한다면 무엇인가를 반환해야함 => con.. 이전 1 ··· 6 7 8 9 10 11 12 다음
