본문 바로가기

STUDY61

[JavaScript] 배열(array) 배열(array) 배열은 인덱스를 가지는 자료들을 저장할 수 있는 자료구조다. 데이터는 순차적으로 저장되며 중복이 가능하고, 저장된 데이터에는 Index를 이용하여 접근이 가능하다. 자바스크립트에서의 배열에서는 데이터 타입이 서로 다를 수 있고, 배열의 크기는 동적으로 변경할 수 있다. 01. 배열 만들기 1-1. 빈 배열에 배열 할당하기 // 배열을 저장 할 빈 변수 선언 let Arr; // 배열 할당 Arr = [1,3.14,true,false,'hello']; console.log(Arr) 1-2. 선언과 할당 같이 하기 // 선언과 할당을 같이 쓰기 let Arr2 = [1,3.14,true,false,'hello']; console.log(Arr2) 1-3. 빈 배열 만들기 // 3개의 빈 칸.. 2022. 11. 27.
[JavaScript] 제어문_반복문(for) 1. for for 문은 while문과 다르게 조건식 속에 변수 초기화, 조건식, 증감식이 다 들어간다. 조건식이 true 일 경우 반복문을 실행하고 false 가 될 경우 반복문을 종료하고 빠져 나온다. // x가 1부터 10보다 작거나 같은 경우 1씩 값을 증가 for(let x = 1 ; x 2022. 11. 27.
[JavaScript] 제어문_반복문(while) 1. while while 문은 조건식이 true 일 경우에 계속해서 반복한다. 조건식의반환이 false면 반복을 멈추고 while문을 종료한다. let x = 1; // 초기식 -> 반복에 사용 될 조건 값을 지정 while (x x의 값이 10보다 작거나 같을때 까지, 반복 const k = 'x = ' + x; console.log(k); x++; // 증감식 -> 조건에 사용 된 값을 1씩 증가 } 1-1. 구구단 출력하기 조건1. 구구단을 출력하는 반복문의 조건 x가 1 ~ 1식 증가하면서 9까지 반복을 한다. (x < 10) *조건2. 반복문이 수행되는 동안x값에 원하는 구구단의 값을 곱해 y를 만들어준다. * /* 구구단 5단 출력하기 */ let x = 1; while(x < 10) { /.. 2022. 11. 27.
[JavaScript] 제어문_조건문(switch) 1. switch switch문은 if문과 같은 조건문이다. if문보다 조금 더 쉽게 특정 변수를 다양한 상황에서 비교할 수 있다. switch문은 하나 이상의 case으로 구성이 된다. default도 있지만, 필수는 아니다. 변수 x의 값과 첫 번째 case 의 값과 비교 후 일치 하지 않으면, 두 번째 case 의 값과 비교하며, 쭉 내려가게 된다. case 에서 변수 x의 값과 일치하는 값을 찾으면 해당 case의 아래의 실행문이 실행된다 이때, break문을 만나거나 switch 문이 끝나면 코드의 실행은 멈춘다. 값이 일치하는 case가 없으면 default 아래의 코드가 실행된다. default가 없으면 실행없이 종료 된다. switch(x) { // 조건식이 true일 때 아래 실행문들 동.. 2022. 11. 27.
[JavaScript] 제어문_조건문(if) ○제어문 코드의 실행 흐름을 원하는 방향으로 바꿀 수 있도록 해주는 것이 제어문이다. 제어문의 종류에는 조건문과 반복문이 있는데, 조건문은 if, switch가 있고, 반복문에는 for, while, do-while이 있다. 1. if if문은 if의 뜻 처럼 만약에 라는 뜻을 담고 있다. 조건식을 지정하여, 해당 조건식의 값이 true 일때 실행문이 있는 {} 괄호 안으로 들어간다. 조건식이 일치하지 않아 false를 반환할 경우 {} 안으로 들어가지 않고, 넘어가게 된다. if(조건문) { // 조건식이 true일 때 아래 실행문들 동작, false면 미실행 실행문; } if문을 사용하는 방법은 위와 같다. const a = true; if(a) { // 조건식이 맞으면 true 반환 console... 2022. 11. 27.
[JavaScript] 연산자(3) 6. 논리연산자 논리 연산자는 논리식을 판단하여, 참(true)과 거짓(false)을 반환한다. 6-1. and 연산자 and 연산자는 값이 전부 true인 경우에만 true를 반환한다. 6-2. or 연산자 or 연산자는 값에 하나라도 true 가 포함되면 true를 반환한다. 6-3. 복합 사용 and 연산자와 or 연산자를 같이 사용하게 될 경우 and 연산자보다 or연산자를 우선으로 계산하게 된다. console.log(true && true || true); // true || true -> true 반환 후 && true 와 논리 판단 -> true && true = true // 값은 true 6-4. NOT 연산자 논리식의 결과가 true이면 false를, false이면 true를 반환한다.. 2022. 11. 27.
[JavaScript] 연산자(2) 4. 증감연산자 증감 연산자는 1씩 증가 혹은 1씩 감소시킬 때 사용하는 연산자이다. 이 연산자는 피연산자가 단 하나뿐인 단항 연산자이다. 4-1. 전위 증감 연산자 전위 증감연산자는 증감연산자 값을 먼저 증가시키고 100 값을 더하게 된다. (100 + 2) 4-2. 후위 증감 연산자 후위 증감연산자는 산술 연산자 값을 먼저 합하고 뒤에 증가 연산을 진행이 된다. (100 + 1) 전위 증감 연산과 후위 증감 연산의 단항 연산자에서의 값은 똑같다. 5. 비교연산자 비교 연산자는 비교값 사이의 상대적인 크기를 판단하여, 참(true)과 거짓(false)을 반환한다. 5-1. 비교 값이 같은경우 비교 값이 같은 경우 true를 반환한다. 5-2. 비교 값이 다른경우 비교 연산자를 사용할때, 맞는경우가 아닌.. 2022. 11. 27.
[JavaScript] 연산자(1) 1. 산술 연산자 사칙연산을 다루는 기본적이면서도 가장 많이 사용되는 연산자이다. 값의 결합 방향은 왼쪽에서 오른쪽입니다. ex) a + b = ab 1-1. 결과 값을 다른 변수에 할당 연산한 값을 다른 변수에 저장하여 출력 하는것도 가능하다. 1-2. 문자열 연산 산술 연산을 할때, 숫자 값만 연산이 되는게 아니고 문자열도 연산이 가능하다. 문자열의 연산은 값을 섞어서 다른 값으로 만드는게 아닌 값을 합치는 역할을 하게 된다. 1-3. 문자열과 다른 타입의 더하기 연산 문자열과 문자열이 아닌 다른 타입의 연산들을 더하게 되면 값은 그대로 문자열의 더하기 연산처럼 출력을 하게 된다. 2. 대입 연산자 대입 연산자는 변수에 값을 대입할 때 사용하는 연산자 이다. 또한, 앞서 살펴본 산술 연산자와 결합한 .. 2022. 11. 27.
[JavaScript] 데이터타입 1. 동적 타이핑 자바스크립트는 loosely typed 언어, 혹은 동적 언어이다. 변수의 타입을 미리 선언할 필요가 없는 언어이다. 타입은 프로그램이 처리되는 과정에서 자동으로 정해진다. 또한 그 말은 같은 변수에 여러 타입의 값을 넣을 수 있다는 뜻이다. 출처 : [JavaScript MDN] 1-1 데이터 타입 데이터 타입은 typeof 를 사용하여 알아볼 수 있다. 자바스크립트에서 type으로 구분 되는 데이터 종류로는 number , boolean , string , undefined , object 가 있다. number (숫자형) 값에 숫자만 있다면 자동으로 타입은 number로 인식한다. 자바스크립트에서는 숫자형 같은 경우는 정수든 소수든 전부 number 로 인식한다. boolean (.. 2022. 11. 27.
728x90

티스토리툴바