본문 바로가기

IT/javascript71

자바스크립트 배열 선언 방법 배열은 데이터들을 하나의 그룹으로 만들어서 순차적으로 접근할 수 있습니다. 배열을 선언할 때 배열명과 대괄호를 사용하게 되고 대괄호 안에 데이터를 할당해도 되고 안 해도 됩니다. 할당된 데이터의 타입은 여러가지 타입일 수 있으나 보통 한 가지 타입으로 사용하는게 일반적입니다. 사용법 const students = []; const colors = ["red", "blue", "yellow"]; const multiplex = [true, undefined, 12, 9.99, NaN, false, null, "hi"]; 2023. 4. 5.
자바스크립트 try catch 자바스크립트에서 에러가 발생하면 프로그램이 중지되면서 멈추는데 try catch 문법을 사용하면 try 블록에서 에러가 발생했을 때 catch 블록에서 예외 처리를 할 수 있고 finally 블록은 마지막에 무조건 실행되고 실행 중인 프로그램이 중지되지 않습니다. 사용법 try { h.toUpperCase(); } catch { console.log("error"); } finally { console.log("run"); } try { throw "exception"; } catch { console.log("error"); } finally { console.log("run"); } function f(msg) { try { console.log(msg.toUpperCase()); } catch (e.. 2023. 4. 4.
자바스크립트 map 사용 방법 자바스크립트 배열의 map 메서드는 새로운 배열을 원본 배열의 수정 없이 반환할 수 있습니다. 메서드 안에 익명 함수를 정의할 때 첫 번째 매개변수는 배열의 요소이고 두 번째 매개변수는 인덱스입니다. 사용법 const array = [1, 2, 3]; const newArray1 = array.map(function (x, i) { return x * 2; }); const newArray2 = array.map((x, i) => { return x * 2; }); console.log(array); // [ 1, 2, 3 ] console.log(newArray2); // [ 2, 4, 6 ] const user = [ { id: "user01", pw: "123", }, { id: "user02", .. 2023. 4. 4.
자바스크립트 foreach 사용 방법 자바스크립트에서는 배열의 요소에 접근하기 위해서 forEach 메서드를 사용합니다. forEach 메서드안에 익명함수를 정의하면 첫 번째 매개변수는 배열의 요소이고 두 번째 매개변수는 인덱스 입니다. 배열의 요소에 순차적으로 접근할 때 인덱스를 사용하지 않고도 요소에 접근 할 수 있습니다. 사용법 const array = [1, 2, 3]; array.forEach(function (x, i) { console.log(x, i); }); array.forEach((x, i) => { console.log(x, i); }); // 1 0 // 2 1 // 3 2 const user = [ { id: "user01", pw: "123", }, { id: "user02", pw: "456", }, { id: .. 2023. 4. 4.
자바스크립트 호이스팅(Hoisting) 자바스크립트에서 var 키워드를 사용해서 변수를 선언하거나 함수를 선언하면 호이스팅 현상이 발생합니다. 호이스팅 현상은 변수에 값을 할당하지 않고 선언된 코드만을 최상단으로 옮겨주고 함수의 선언을 메모리에 미리 할당합니다. 호이스팅 현상 console.log(a); // undefined console.log(b); // 에러 console.log(c); // 에러 var a = "a"; let b = "b"; const c = "c"; f(20); function f(age) { console.log("제 나이는 " + age + "입니다."); // 제 나이는 20입니다. } var 키워드를 사용해서 변수를 선언하면 undefined 값이 초기화되지만 let, const 키워드를 사용해서 변수를 선언.. 2023. 4. 3.
var const let 차이 자바스크립트에서 변수를 선언할 때 var, const, let 키워드를 사용합니다. 3개의 키워드는 변수를 재선언 가능한지, 변수에 데이터를 재할당 가능한지, 변수의 범위가 얼마나 되는지에 따라서 차이점이 있습니다. 변수의 선언 var a; var a; let b; let b; // 에러 const c; const c; // 에러 var 키워드를 사용하면 변수를 재선언 할 수 있고 let, const 키워드를 사용하면 에러가 발생합니다. 변수의 값 할당 var a = "a"; a = "aa"; let b = "b"; b = "bb"; const c = "c"; c = "cc"; // 에러 var, let 키워드를 사용하면 변수에 값을 재할당 할 수 있고 const 키워드는 상수의 역할을 하기 때문에 변수.. 2023. 4. 3.
자바스크립트 변수 선언 규칙 자바스크립트로 변수를 선언할 때 반드시 지켜야 할 규칙이나 관례로 자주 쓰이는 방법이 있습니다. 반드시 지켜야 하는 규칙은 일단 정해진 예약어와 중복되지 않게 조심해야 하고 변수명에 공백이 들어가면 안 되고 중간에-기호를 사용하면 안 되고 숫자로 시작하면 안 됩니다. 그리고 관례로 자주 쓰이는 방법은 카멜 케이스가 주로 사용됩니다. 카멜 케이스는 두 개 이상의 단어가 연결될 때 두 번째 단어부터 첫 문자를 대문자로 쓰는 것입니다. 금지된 규칙 let 1hello='hello' let hello-world='hello' let hello world='hello' 예약어 예약어는 문법을 사용하기 위해서 미리 지정되어 있는 단어이기 때문에 사용할 수 없습니다. 자주 쓰이는 관례 let currentDate='.. 2023. 4. 3.

티스토리툴바