전체 글
Javascript 배열의 타입, Array.isArray(), 배열의 시각화
우리는 이전에 typeof를 통해 타입 확인하는 방법을 익혔다. 그럼 배열에 typeof를 사용해보자. 콘솔을 통해 배열의 타입을 검사할 경우 "object" 값이 확인되기 때문에 typeof로는 배열 여부를 정확히 확인할 수 없다. 배열 여부를 정확하게 알 수 있는 방법은, 불린 타입의 함수 또는 콘솔 내 시각화를 통해 알 수 있다. Array.isArray() 값을 불린타입으로 반환하여, true 또는 false로 배열 여부를 확인 할 수 있다. console.table(arr) 배열을 시각화하여 파악하고 싶다면, 콘솔 내에서 확인 또한 가능하다
Javascript 배열 (Array)의 기본 개념, 인덱스(index)와 메소드(method)
일단 배열은 순서가 있는 값이라고 생각하면 된다. 배열 내에서의 순서는 인덱스라고 칭하며, 1이 아닌 0부터 시작한다. [0] [1] [2] [3] [4] [5] [6] 84 49 34 45 43 39 94 위의 표에서 인덱스(Index)는 검정 박스이고, 그 밑은 요소(element)이다. 배열은 대괄호(square bracket)을 통해 만들 수 있으며, 각각의 원소(element)는 쉼표(comma)로 구분이 가능하다. let number = [84, 49, 34, 45, 43, 39, 94] 위의 코드에서 대괄호 안에 있는 45는 number라는 배열의 3번째 인덱스 값은 45라고 표현할 수 있다. let number = [84, 49, 34, 45, 43, 39, 94] number[3]; //..
Javascript 탬플릿 리터럴(Template literals), 내장 표현식 허용
템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다. 여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있다. 템플릿 리터럴은 이중 따옴표 나 작은 따옴표 대신 백틱(` `) 을 이용하며, 중괄호를 이용하여 표현식을 넣을 수 있는데, 이는 $와 중괄호( $ {expression} ) 로 표기할 수 있다. 중괄호 안에서의 표현식과 그 사이의 텍스트는 함께 함수로 전달된다. 기본 함수는 단순히 해당 부분을 단일 문자열로 연결시켜준다. 표현식 삽입법 (Expression interpolation) 표현식(expression)을 일반 문자열(normal strings)에 삽입할 경우에는 아래와 같은 코드를 작성하게 된다. var a = 5; var b = 10; console.log("Fifteen ..
Javascript 스트링 메소드(String Method)와 문자열 기본 사용법
자바스크립트 내의 모든 string method는 immutable 이다. 즉, 원본이 변하지 않는다. 문자열 기본 사용법 str[index] car str = 'mouse'; cosole.log(str[0]); // 'm' cosole.log(str[2]); // 'u' cosole.log(str[10]); // undefined index로 접근은 가능하지만 쓸 수는 없다. (read-only) str[0] = 'G'; console.log(str); // 'mouse' not 'Gouse'; 문자열 연결 ( Concatenating Strings ) + 연산자 사용이 가능하다. string 타입과 다른 타입 사이에 + 연산자를 사용하면, string 형식으로 변환 (toString) var str1..
Javascript 조건문 if, 비교 연산자, 논리 연산자
우선, 조건문을 사용하려면 boolean 타입에 대한 이해가 필요하다. let isAdult = true; // 또는 false; let isStudent = false; // 또는 true; 조건문은 어떠한 조건을 판별하는 기준을 만드는 것이며, 조건문에는 반드시 비교 연산자(comparison operator)가 필요하다. 비교 연산자 (comparison operator) 3 > 5; // false; 9 < 10; // true; 'hello' === 'world'; // false; 비교의 결과는 늘 Boolean, 즉 true 혹은 false이다. 자바스크립트(JavaScript)는 엄격한 비교와 형변환 비교 두 가지의 비교 방법을 모두 가지고 있다. 엄격(일치) 비교(===)는 두 피연산자가..
Javascript 타입(type)에 따른 작동 방식의 차이 // String(), Number()
타입에 대한 이해 자바스크립트의 모든 값(value)는 각자 타입을 가지고 있다. 평소에 우리는 무의식적으로 숫자와 문자를 구분하지 않고 이야기하지만, 우리는 이를 무의식적으로 구분할 수 있을 만큼 똑똑합니다. 하지만 컴퓨터는 상황과 문맥을 이해하는 능력이 없습니다. 컴퓨터가 명확하게 표현하기 위해서는 모든 값에 타입을 정해주고, 그에 맞게 행동하도록 규정을 정해줘야 했습니다. let person = '혜선'; let date = '일요일'; let quantity = 1; letsGoGetFood('혜선', '일요일', 1); 문자열은 ', " 따옴표로 둘러 쌓아 표시해주고, 숫자열은 그대로 숫자를 입력하여 구분할 수 있습니다. 타입에 따른 코드 작동 방식의 차이 let word = 'hello' + ..
Javascript 함수(function), return 명령문, 함수선언 및 개념
1. 함수 (function) 함수는 입력(input)을 받아, 출력(output)을 하는 하나의 작은 기능 단위이다. 함수는 함수의 몸통(function body)이라고 하는 구문(statement)으로 구성된다. javascript에서 함수는 다른 객체와 같이 속성(property) 및 method를 가질 수 있기에 일급 객체로 볼 수 있다. 여기서 함수와 객체의 차이를 설명하자면, 함수는 호출될 수 있기 때문에 함수는 Function 객체이다. 함수 선언 ( function 문 ) 함수를 사용하기 위해서는, 함수를 선언해야 한다. function name([param[, param[, ... param]]]) { statements } name : 함수명 param : 함수에 전달되는 인수의 이름,..
Javascript // 타입 (type)과 종류
변수에는 다양한 타입이 있다. 타입의 종류는 크게 6가지로 볼 수 있다. let string = 'string'; // 문자형 : '', "" 따옴표로 구분 let number = 1; // 숫자형 // 변수 number에 숫자 1을 할당 let fruits = [ 'banana', 'apple', // 배열(자료형) : 문자형, 숫자형 등을 혼합할 수 있는 배열 'orange' ] let person = { name: 'deemmun'; // 객체(자료형) : 위 타입이 모두 섞인 타입 age: 23; isStudent: true; } function name(parameter) { // 함수 (statements) } 이 외에도 할당이 없는 변수일 경우 노출되는 undefined, 참 거짓을 판단하는..
JavaScript 변수
변수의 사전적 의미 -어떤 관계나 범위 안에서 여러 가지 값으로 변할 수 있는 수 신속한 코드 파악 또는 업무적인 효율성을 위해선 필히 변수 설정이 필요하다. 의미없는 변수가 아닌, 유의미하게 변수명을 설정할 수 있도록 하자. 변수 사용에 앞서, 변수 선언이 먼저 진행되어야 한다. 설정할 변수 앞 'let' 키워드를 부여하게 되면, myAge라는 변수가 선언된다. 변수에 임의의 값을 설정하고 싶은 경우 ' = ' 부호를 사용하여 값(문자, 숫자 가능)을 할당한다. 수학적 의미의 '같다'가 아닌, 프로그래밍을 위한 할당 부호라고 생각하면 편리할 것 같다. ex) myAge 라는 변수에 23을 임시로 대입했다. 변수 선언과 할당을 통합하여 진행도 가능하다. let 키워드를 부여한 변수 선언은 한 번만 진행한..