자바스크립트

[TIL] JS forEach(), map(), filter()

✍ Today I Learned [절기를 맞춰라] 결괏값 저장은 전역 변수뿐만 아니라 배열도 활용할 수 있다. 가져오려는 데이터가 값 자체인지, 배열의 길이인지, 데이터 타입이 무엇인지 흐름을 놓치지 말자. 배열을 전체 순회하려면 for of 문을 활용한다. (반복문 안에서 삼항 연산자도 사용 가능) 데이터를 다룰 때 배열과 객체를 혼용하여 다루는 경우가 많다. (JSON 데이터가 그런 형태) // https://finance.naver.com/ 의 TOP 종목 데이터를 구조화 해보기 const top = { "거래상위": [ { name: 'KODEX 200선물인버스2X', price: 2515, updown: -100, ratio: -3.82, }, { name: '메이슨캐피탈', price: 786..

[TIL] JS 배열

✍ Today I Learned while 문은 주로 반복 횟수가 예상되지 않을 때, do while 문은 일단 한 번 실행해야 할 때 사용한다. for of 문은 주로 배열을 다룰 때, for in 문은 주로 객체를 다룰 때 사용한다. 배열의 식별자는 index, 객체의 식별자는 key값 const로 배열을 선언했을 때 배열의 값은 바꿀 수 있어도 배열 자체를 변경할 수는 없다. 따라서 배열의 초기화가 필요한 로직은 let으로 선언한다. 객체는 가급적 객체이름.프로퍼티이름 방식으로 접근하는 것이 좋다. 객체의 키값으로 숫자는 사용하지 않는 것이 좋다. 연관 배열은 숫자로 된 index 대신 문자열로 된 key를 사용하는 배열이다. Array 객체가 아니므로 length 프로퍼티의 값이 0이다. [섭씨를..

[JavaScript] 자바스크립트의 배열(Array)

배열이란? 자바스크립트에서 배열(Array)은 이름과 인덱스로 참조되는 정렬된 값의 집합이다. 각각의 값인 요소(element)와 위치를 가리키는 인덱스(index)로 구성되어 있다. 배열의 특징 주로 const로 선언한다. 배열 이름은 보통 복수형으로 작성한다. 객체와는 다르게 index 번호로 구분되기 때문에 순서가 중요하다. 같은 배열에 있는 배열 요소끼리의 타입이 다를 수도 있다. 배열 요소의 인덱스가 연속적이지 않아도 되고, 따라서 특정 배열 요소가 비어 있을 수도 있다. (undefined) 자바스크립트에서 배열은 Array 객체로 다뤄진다. 하나의 이름으로 다양한 데이터를 다룰 수 있기 때문에 활용도가 높다. 배열의 마지막 인덱스는 배열.length - 1 이다. const fruits = ..

[JavaScript] 자바스크립트의 반복문(while문, for문)

반복문이란? 반복문(iteration statements)이란 프로그램 내에서 똑같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 실행문이다. 자바스크립트에서 사용할 수 있는 반복문의 형태는 다음과 같다. while 문 do / while 문 for 문 for / in 문 for / of 문 1. while 문 while (표현식) { 표현식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문; } 특정 조건을 만족할 때까지 계속해서 주어진 실행문을 반복 실행한다. 내부에 표현식을 변경하는 실행문을 빼먹으면 무한루프에 빠지므로 주의해야 한다. 주로 반복 횟수를 예상하기 어렵거나, 특정할 필요가 없을 때 사용한다. 2. do / while 문 do { 표현식의 결과가 참인 동안 반복적으로 실행하고자..

[TIL] JS 제어문 활용

✍ Today I Learned [while문 퀴즈 3개] 2로 나눈 나머지가 0이면 짝수, 1이면 홀수 정수 n의 약수를 모두 출력하려면? 정수 n을 최솟값인 1부터 최댓값인 자기 자신까지 나눠서 나머지가 0이면 약수 3자리 양의 정수 s에서 1자리 양의 정수 a의 배수를 구하려면? 최솟값인 1부터 최댓값이 자기 자신 s를 a로 나눠서 나머지가 0이면 s안에서 a의 배수 3번 퀴즈는 각각의 count를 가지기 때문에 else if 가 아니라 if로 나열해야 한다. [중첩 반복문 활용 - 구구단 전체 출력] 머리로 시뮬레이션이 가장 안 되는 중첩 반복문.. 침착하게 기준에 되는 반복 시점을 잘 생각해보기 먼저 각 반복 시점을 생각하고 그 시점에 실행되어야 하는 구문을 떠올리면 어렵지 않다. 중첩 반복문은..

[JavaScript] 자바스크립트의 조건문(if문, switch문)

조건문이란? 조건문(conditional statement)이란 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문이다. 자바스크립트에서 사용할 수 있는 조건문의 형태는 다음과 같다. if 문 if / else 문 if / else if / else 문 switch 문 1. if 문 if (표현식) { 표현식의 결과가 참일 때 실행하고자 하는 실행문; } 표현식의 결과가 참(true)이면 주어진 실행문 실행, 거짓(false)이면 아무것도 실행하지 않는다. 실행문이 1줄 뿐이라면 중괄호를 생략할 수 있다. 2. if / else 문 if (표현식) { 표현식의 결과가 참일 때 실행하고자 하는 실행문; } else { 표현식의 결과가 거짓일 때 실행하고자 하는 실행문; }..

[TIL] JS 학점 계산기, 종합소득세 계산기, 구구단 게임

✍ Today I Learned [학점 계산기] 만들면서 느낀 점 toFixed()는 반환되는 값의 데이터 타입이 문자열이다. switch문은 조건에 범위를 설정할 수 없다. 대신 10의 자리만 비교하면 되는 학점 계산기 같은 경우 key 값을 10으로 나눠 1의 자리로 만들고 각 case에 배치하면 적용 가능! 변수에 값을 할당하고 다른 함수로 전달할 때는 파라미터를 이용해야 한다. 아니면 객체에 데이터를 저장하고 출력 함수에서 접근하는 방법도 있다. switch문을 사용할 때에는 default 예외처리를 잘해두는 게 좋다. [종합소득세 계산기] 만들면서 느낀 점 html에서 받아오는 데이터는 전부 string이라는 거 잊지 말기!!!!! 나는 코딩이 아니라 산수를 못하는 게 아닐까? 함수의 상관관계를..

[JavaScript] 자바스크립트 숫자 메서드 총정리

Number.prototype 메서드 toString() - 숫자를 문자열로 반환 toFixed() - 지정된 소수 자릿수로 작성된 숫자를 문자열로 반환 toPrecision() - 지정된 길이로 작성된 숫자를 문자열로 반환 valueOf() - number 타입으로 반환 Number 메서드 Number() - 변수를 숫자로 반환 Number(true); // 1 Number(false); // 0 Number("10"); // 10 Number(" 10"); // 10 Number("10 "); // 10 Number(" 10 "); // 10 Number("10.33"); // 10.33 Number("10,33"); // NaN Number("10 33"); // NaN Number("John");..