본문 바로가기

Development/JavaScript

 (21)
JS 기초 _보충(조건문, 반복문) 조건문 1. 조건부 실행 let x = 10; (x > 0) && console.log("x는 양수입니다."); 위의 예제에서는 조건부 실행을 사용하여 변수 x가 양수인 경우에만 "x는 양수입니다."라는 메시지를 출력한다. &&(논리곱) 연산자를 사용하여 조건부 실행을 할 수 있다. 2. 삼항 연산자와 단축 평가 let x; let y = x || 10; console.log(y); // 10 위의 예제에서는 삼항 연산자를 사용하여 변수 x가 존재하지 않는 경우 기본값으로 10을 사용한다. ||(논리합) 연산자를 사용하여 단축 평가(short-circuit evaluation)를 할 수 있다. 변수 x가 존재하지 않는 경우, || 연산자는 false 값을 반환하고, 기본값으로 지정한 10을 반환한다. 3..
JS 기초 _보충(연산자, 함수 스코프) 산술 연산자(arithmetic operators) 1. 더하기 연산자(+)console.log(2 + 3); // 5 console.log("2" + "3"); // "23" console.log("2" + 3); // "23" console.log(2 + "3"); // "23"위의 예제에서는 더하기 연산자를 사용하여 숫자나 문자열을 더할 수 있다. 이때, 더하기 연산자는 숫자와 문자열을 함께 사용할 경우, 자동으로 문자열로 변환한다. 2. 빼기 연산자(-)console.log(5 - 2); // 3 console.log("5" - "2"); // 3 console.log("5" - 2); // 3 console.log(5 - "2"); // 3 console.log("five" - 2); // Na..
JS 기초 _보충(변수와 자료형 변환) 변수 ⚠️ 변수의 5가지 주요 개념 변수 이름 : 저장된 값의 고유 이름 변수 값 : 변수에 저장된 값 변수 할당 : 변수에 값을 저장하는 행위 변수 선언 : 변수를 사용하기 위해 컴퓨터에 알리는 행위 변수 참조 : 변수에 할당된 값을 읽어오는것 자바스크립트에서 변수는 var, let, const 세 가지 방법으로 선언할 수 있다. let과 const는 ECMAScript 6(ES6)에서 새로 도입된 방법이다.// var로 변수 선언 var myVar = "Hello World"; console.log(myVar); // "Hello World" // let으로 변수 선언 let myLet = "Hello World"; console.log(myLet); // "Hello World" // const로 ..
배열 메서드_요약 요소를 더하거나 지우기 push(...items) - 맨 끝에 요소 추가하기 pop() - 맨 끝 요소 추출 shift() - 첫 요소 추출하기 unshift(...items) - 맨 앞에 요소 추가하기 splice(pos, deleteCount, ...items) - pos부터 deleteCount개의 요소를 지우고, items 추가하기 slice(start, end) - start부터 end 바로 앞까지의 요소를 복사해 새로운 배열을 만듦 concat(...items) - 배열의 모든 요소를 복사하고 items를 추가해 새로운 배열을 만든 후 이를 반환 원하는 요소 찾기 indexOf / lastIndexOf(items, pos) - pos부터 원하는 item을 찾음. 찾게되면 해당 요소의 인덱스를,..
JS기초_5.3(객체와 배열 고급) 속성 존재 여부 확인 const data = { name: 'bob', age: 35 } if (data.name !== undefined) { console.log('name 속성이 있습니다.') } else { console.log('name 속성이 없습니다.') } //짧은 조건문 사용 object.name || console.log('name 속성이 없습니다.') 배열 기반의 다중 할당 [식별자, 식별자, 식별자, _] = 배열 let [a, b] = [1, 2] // a=1, b=2 할당 console.log(a, b) 1, 2 [a, b] = [b, a] //a에 b가 할당되고, b에 a가 할당되므로 값이 서로 교환 (2)[2, 1] console.log(a, b) 2, 1 객체 기반의 다중할..
JS기초_5.2(객체 속성과 메소드) 자바스크립트의 자료형 기본자료형 자바스크립트에서는 undifined, null 등을 제외한 숫자, 문자열, 불을 기본 자료형이라고 한다. 기본 자료형은 객체가 아니므로 속성을 가질 수 없다. 기본 자료형을 객체로 선언 const 객체 = new 객체 자료형 이름() new Number(10) new String('안녕하세요') new Boolean(true) 기본 자료형의 일시적 승급 자바스크립트는 편리성을 위해 기본 자료형 뒤에 온점을 찍으면 일시적으로 기본 자료형을 객체로 승급시킨다. 하지만 이러한 승급은 일시적이다. const h = '안녕하세요' h.sample = 10 // 일시적으로 객체로 승급되어 sample 속성을 추가 h.sample // 일시적으로 승급된 속성이 사라짐 프로토타입으로 메..
JS기초_5.1(객체기본) 항해99 온보딩 커리큘럼 5일차 객체 실존하는 사물을 의미. 이름(name)과 값(value)로 구성된 속성을 가진 자바스크립트의 기본 데이터 타입. 배열도 객체라고 할 수 있다. 객체 생성 키: 값 속성과 메소드 배열 내부의 값을 요소라고 하고 객체 내부에 있는 값은 속성이라고 한다. 객체의 속성도 모든 형태의 자료형을 가질 수 있다. const object = { number: 273, string: '구름', boolean: true, array: [52, 273, 103, 32], method: function () { } } 동적 객체 속성 추가 / 삭제 하기 동적 속성 추가 객체.속성 = 값 동적 속정 제거 delete 객체.속성 키워드 정리 요소란 배열 내부의 값을 의미 속성은 객체 내부의 ..
JS기초_4.2(함수 고급) 자바스크립트 함수의 특성 콜백 함수 함수 안에 함수를 넣는다 forEach() : 배열 내부의 요소를 사용해 콜백 함수 요청 map() : 콜백 함수에서 리턴한 값들을 기반으로 새로운 배열을 만든다 filter() : 콜백 함수에서 리턴하는 값이 true인 것들만 모아서 새로운 배열을 만든다 화살표 함수 단순 콜백 함수를 쉽게 입력하기 위해 사용. function 키워드 대신 (=>)를 사용. (매개변수) => { } (매개변수) => 리턴값 타이머 함수 함수 이름 설명 setTimeout(함수, 시간) 특정 시간 후에 함수를 한 번 호출 setInterval(함수, 시간) 특정 시간마다 함수를 호출 clearTimeout(타이머_ID) setTimeout() 함수로 설정한 타이머 제거 clearInte..

티스토리툴바