본문 바로가기

JavaScript/Basic conception

 (8)
[JavaScript] 배열 메소드 indexOf/ includes/ reverse 배열에서 특정 값 찾기 (indexOf/ lastIndexOf) 1. indexOf (array.indexOf('element');) 배열에 있는 특정 요소의 인덱스 값을 반환 let brands = ['samsung', 'apple', 'asus', 'lg', 'apple'] console.log(brands.indexOf('apple')); // 1 2. lastIndexOf (array.indexOf('element');) 배열에 있는 특정 요소의 인덱스 값을 뒤에서 부터 찾아서 반환 let brands = ['samsung', 'apple', 'asus', 'lg', 'apple'] console.log(brands.lastIndexOf('apple')); // 4 3. 배열에 없는 요소의 인덱스..
[JavaScript] for ... of 반복문 (배열) for ... of 문 다음과 같이 배열의 요소를 반복할수 있음. let influencer = ['suwonlog', 'small.tiger', 'Minam.ludens', 'cu_convenience24'] /* for (변수 of 배열) { 동작부분; }*/ for (let i = 0; i < influencer.length; i++) { console.log(influencer[i]); } for (let element of influencer) { console.log(element); } for (let index in influencer) { console.log(influencer[index]); } /* suwonlog small.tiger Minam.ludens cu_convenienc..
[JavaScript] for ... in 반복문 (객체) for .. in 반복문 객체안에 있는 프로퍼티를 가지고 반복적인 동작을 할 때 사용되는 반복문. let codeit = { name: 'codeit', bornYear: '2017', isVeryNice: 'true', worstCourse: null, bestCourse: '자바스크립트 프로그래밍 기초', } for(let k in codeit) { console.log(k); // 키에 접근 console.log(codeit[k]); // 대괄호 표기법으로 값에 접근 } /* 실행결과 name codeit bornYear 2017 isVeryNice true worstCourse null bestCourse 자바스크립트 프로그래밍 기초 */
[JavaScript] 객체에서 데이터 접근하기 [객체에서 데이터 접근] 자바스크립트 객체에 접근하는 방법은 크게 두가지가 있다. let codeit = { name: '코드잇', bornYear: 2017, isVeryNice: true, worstCourse: Null, bestCourse: { title: '자바스크립트 프로그래밍 기초', language: 'JavaScript' } }; 1. 점 표기법 (ObjectName.PropertyName) let codeit = { name: '코드잇', bornYear: 2017, isVeryNice: true, worstCourse: null, bestCourse: { title: '자바스크립트 프로그래밍 기초', language: 'JavaScript' } }; console.log(codeit...
[JavaScript] 객체와 프로퍼티 객체(Object) 다음처럼 값을 하나씩 저장할 수도 있지만, 여러가지 값을 한번에 저장할 수 있음. let name = 'Codeit'; let bornYear = 2017; let isVeryNice = true; 객체는 {} 를 통해서 만들수 있으며, 다양한 값들을 쉼표로 구분할 수 있다. { Name: '신짱구', bornYear : 1990, isVeryNice : true, } 이처럼 Name, bornYear, isVeryNice 는 key (값 이름), '신짱구', 1990, true 는 value(값) 라고 하며 하나의 key 와 value 를 가르켜 property (속성) 이라고 한다. [Property Name (key Name) 주의사항] 프로퍼티 네임은 보통 문자열로 작성해야하지..
[JavaScript] 복합 할당연산자/ 증가, 감소연산자 [복합 할당연산자] 할당 연산자와 결합해서 자주 쓰이는 표현을 더 간략하게 쓸 수 있게 해주는 연산자를 복합 할당 연산자(Compound assignment operators)라고 한다. // 다음 두 줄은 같습니다 x = x + 1; x += 1; // 다음 두 줄은 같습니다 x = x + 2; x += 2; // 다음 두 줄은 같습니다 x = x * 2; x *= 2; // 다음 두 줄은 같습니다 x = x - 3; x -= 3; // 다음 두 줄은 같습니다 x = x / 2; x /= 2; // 다음 두 줄은 같습니다 x = x % 7; x %= 7; [증가, 감소 연산자] 변수의 값을 1씩 증가시키거나 감소시킬 때는 복합 할당 연산자보다 더 간략하게 쓸 수 있는 증가연산자, 감소연산자를 사용할 수..
[JavaScript] 자료형 1. 숫자 (Number) 정수 (integer) : -3, 5, 10, 0 소수 (floating point) : 3.14, 5.9, 0.031 기본적으로 사칙연산이 가능하다. 2. 문자열 (String) 큰따옴표, 작은따옴표를 앞뒤로 감싼 형태로 앞뒤 따옴표를 통일해 주어야 함. "drink" , 'coke' 더하기 기호를 쓸 수 있는데, "drink" + "coke" = "drinkcoke" 처럼 사용가능 하다. 3. 불린(Boolean) 참 혹은 거짓을 나타내는 것 참 (True) : 8 > 6 거짓 (False) : 6 > 8
[JavaScript] 구구단 게임 Math.random(); 0~0.1 사이의 무작위 수를 랜덤으로 추출 Math.ceil(); 내림 var a = Math.ceil(Math.random() * 9); var b = Math.ceil(Math.random() * 9); while (true) { var answer = prompt(`${a} x ${b} = ?`); // 퀴즈 - 정답 창 if (answer == (a * b)) { alert('정답입니다!'); var a = Math.ceil(Math.random() * 9); // 문제 새로 변경 var b = Math.ceil(Math.random() * 9); // 문제 새로 변경 } else { alert('오답입니다!'); } }

티스토리툴바