JavaScript
-
[배열] - 기초JavaScript/기본 1 2022. 1. 15. 14:23
배열 특징 (array) 이름과 인덱스로 참조되는 정렬된 값의 집합 배열 요소 (element) 배열을 구성하는 각각의 값 인덱스 (index) 배열에서의 위치 (숫자) 특징 배열 요소의 타입이 고정되어 있지 않으므로 같은 배열에 있는 배열 요소끼리의 타입이 서로 다를 수 있다. 배열 요소의 인덱스가 연속적이지 않아도 된다. => 비어 있을 수 있다. 자바스트립트에서 배열은 Array객체로 다뤄진다. 배열 생성 // 예제 var arrLit = [1, true, "JavaScript"]; // 배열 리터럴을 이용하는 방법 var arrObj = Array(1, true, "JavaScript"); // Array 객체의 생성자를 이용하는 방법 var arrNewObj = new Array(1, true,..
-
[제어문] - 기타 제어문JavaScript/기본 1 2022. 1. 11. 19:16
루프의 제어 continue문, break문 : 일반적인 루프의 흐름을 사용자가 직접 제어 label문 : continue문과 break문의 동작이 프로그램의 흐름을 특정 영역으로 이동시킬 수 있다. label 문 특정 영역을 식별할 수 있도록 해주는 식별자 // 문법 label: 식별하고자 하는 특정 영역 // 예제 arrIndex: for (var i in arr) { document.write(i); } // => 라벨인 arrIndex는 그 이후에 나오는 for문 전체를 가리키는 식별자로 사용 continue 문 해당 루프의 나머지 부분을 건너뛰고, 바로 다음 표현식의 판단으로 넘어간다. 반복문 내 특정 조건에 대해 처리를 제외하고자 할 때 사용 // 문법 // 1. continue; //2 co..
-
[제어문] - 반복문 (iteration statements)JavaScript/기본 1 2022. 1. 11. 18:57
while 문 특정 조건을 만족할 때까지 반복 실행 //문법 while (표현식) { 표현식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문 } // 예제 var i = 1; while(i < 10) { // 변수가 i가 10보다 작을 때만 while문 반복 document.write(i + " "); i++; // 반복할 때마다 변수 i를 1씩 증가시켜 변수 i가 10보다 커지면 반복문을 종료함 } // 결과 // 1 // 2 // 3 // 4 // 5 // 6 // 7 // 8 // 9 do / while문 표현식의 결과와 상관없이 무조건 한 번은 루프 실행 먼저 루프 한 번 실행 후 표현식 검사 // 문법 do { 표현식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문 } while(표현..
-
[제어문] - 조건문JavaScript/기본 1 2022. 1. 9. 23:09
조건문 (conditional statements) if문 // if if(표현식) { // 표현식의 결과가 참이면 실행하고자 하는 실행문 } var x = 10, y = 20; if (x == y) { document.write("x와 y는 같습니다."); } if (x y) // 실행될 실행문이 한 줄뿐이라면 중괄호({})를 생략할 수 있음. document.write("x가 y보다 큽니다."); // 결과 // x가 y보다 작습니다. if / else 문 // if ~ else 문법 if(표현식) { 표현식의 결과가 참일 때 실행하고자 하는 실행문 } else { 표현식의 결과가 거짓일 때 실행하고자 하는 실행문..
-
[연산자(operator)] - 비트, 기타 연산자JavaScript/기본 1 2022. 1. 9. 22:45
비트연산자 비트(bit)단위로 논리연산 수행 비트 연산자 설명 & 대응되는 비트가 모두 1이면 1 반환 (AND 연산) | 대응되는 비트 중 하나라도 1이면 1 반환 (OR 연산) ^ 대응되는 비트가 서로 다르면 1 반환 (XOR 연산) ~ 비트를 1이면 0으로, 0이면 1로 반전 (NOT 연산) 부호를 유지하면서 지정한 수만큼 비트를 전부 오른쪽으로 이동 (right shift 연산) >>> 지정한 수만큼 비트를 전부 오른쪽으로 이동. 새로운 비트는 전부 0 비트 연산자 기타 연산자 문자열 결합 연산자 덧셈(+) 피연산자가 둘 다 숫자면, 산술 연산 덧셈 수행 피연산자가 하나라도 문자열이면, 문자열 결합 수행 var x = 3 + 4; document.write(x); // 7 var y = "좋은 "..
-
[연산자(operator)] - 산술, 대입, 증감, 비교, 논리JavaScript/기본 1 2022. 1. 9. 20:17
산술연산자 +, -, *, /, % // 산술 연산자 var x = 10, y = 4; document.write(x + y + " "); // 14 document.write(x - y + " "); // 6 document.write(x * y + " "); // 40 document.write(x / y + " "); // 2.5 document.write(x % y); // 2 자바스크립트 연산자 우선순위 표 (참고_tcpschool) http://www.tcpschool.com/javascript/js_operator_arithmetic 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com 대입 연산자 (assig..
-
[타입] - 변수JavaScript/기본 1 2022. 1. 8. 18:35
변수(variable) 선언 / 초기화 변수? 데이터를 저장할 수 있는 메모리 공간 값이 변경될 수 있다. 쉼표(,)연산자를 이용해 동시에 선언 / 초기화 가능 var month; // 변수 선언 var date = 25; // 변수 선언과 동시에 초기화 month = 12; // 변수의 초기화 var month, date; // 여러 변수를 한 번에 선언 var hours = 7, minutes = 15; // 여러 변수를 선언과 동시에 초기화 month = 10, date = 5; // 여러 변수를 한 번에 초기화 변수의 타입 / 초기화 타입이 정해져 있지 않으며 같은 변수에 다른 타입의 값을 다시 대입할 수 있다. 한 변수에 다른 타입의 값을 여러 번 대입 가능 한 번 선언된 변수를 재선언 불가 ..
-
[타입] - 타입 변환JavaScript/기본 1 2022. 1. 8. 18:23
타입변환 (type conversion) 자바스크립트 변수는 타입이 정해져 있지 않다. 같은 변수에 다른 타입의 값을 다시 대입해도 된다. 같은 변수에 다른 타입의 값 대입 묵시적 타입 변환 (implicit type conversion) 특정타입의 값을 기대하는 곳에 다른 타입이 오면 자동으로 타입을 변환하여 사용 묵시적 타입 변환 NaN Not a Number 정의되지 않은 값이나 표현할 수 없는 값 ex) 0을 0으로 나누거나, 숫자로 변환할 수 없는 피연산자로 산술 연산을 시도하는 경우 반환되는 읽기 전용 값 명시적 타입 변환 (explicit type conversion) 명시적 타입 변환 함수 숫자를 문자열로 변환 String( ) 함수 사용 숫자 객체는 숫자를 문자열로 변환하는 다음과..