본문 바로가기

IT875

자바스크립트 concat, indexOf, includes, reverse 메서드 concat 메서드는 여러개의 배열의 요소들이 결합된 새로운 배열을 반환하는 기능이고 indexOf 메서드는 찾는 요소의 값을 입력하면 해당요소의 인덱스를 알려주는 기능이고 includes 메서드는 찾는 요소의 값을 입력하면 해당요소가 배열에 포함되어 있는지 알려주는 기능입니다. 그리고 reverse 메서드는 배열 요소들의 순서를 뒤집어서 거꾸로 변경 시켜 줍니다. 사용법 const array1 = [1, 2, 3]; const array2 = [4, 5, 6]; const users = ["user01", "user01", "user02"]; let newArray = array1.concat(array2); console.log(newArray); // [ 1, 2, 3, 4, 5, 6 ] newAr.. 2023. 4. 5.
자바스크립트 shift와 unshift 메서드 shift 메서드는 배열에서 첫 번째 요소를 제거하면서 해당 요소를 반환하는 기능이고 unshift 메서드는 배열에서 새로운 요소를 첫 번째 요소로 추가하는 기능입니다. 사용법 let users = ["user01", "user02", "user03"]; console.log(users.shift()); // user01 console.log(users.shift()); // user02 console.log(users.shift()); // user03 console.log(users.shift()); // undefined users = ["user01", "user02", "user03"]; users.unshift("mainUser"); console.log(users); // [ 'mainUse.. 2023. 4. 5.
자바스크립트 push와 pop 메서드 push 메서드는 배열의 마지막에 새로운 요소를 추가하기 위한 기능이고 pop 메서드는 배열의 마지막 요소를 제거하면서 해당 요소를 반환하는 기능입니다. 사용법 const users = []; users.push("user01"); users.push("user02", "user03"); console.log(users); // [ 'user01', 'user02', 'user03' ] const lastUser = users.pop(); console.log(lastUser); // user03 console.log(users); // [ 'user01', 'user02' ] push 메서드를 사용해서 하나의 요소만 할당하거나 여러개의 요소들을 원하는 만큼 할당할 수 있습니다. 2023. 4. 5.
자바스크립트 배열 임의 접근 배열의 요소에 접근을 할 때 배열의 인덱스를 사용해서 임의 접근을 할 수 있습니다. 임의 접근을 하면 원하는 요소에 순차적으로 접근하지 않고 바로 접근을 할 수 있어서 수정이 가능하고 배열에 할당되어 있는 요소의 인덱스의 범위를 초과하는 인덱스로 새로운 데이터를 할당 할 수 있습니다. 사용법 const colors = ["red", "blue", "yellow"]; colors[1] = "green"; colors[5] = "brown"; console.log(colors[0]); // red console.log(colors[0][0]); // r console.log(colors[3]); // undefined console.log(colors); // [ 'red', 'green', 'yellow'.. 2023. 4. 5.
자바스크립트 배열 선언 방법 배열은 데이터들을 하나의 그룹으로 만들어서 순차적으로 접근할 수 있습니다. 배열을 선언할 때 배열명과 대괄호를 사용하게 되고 대괄호 안에 데이터를 할당해도 되고 안 해도 됩니다. 할당된 데이터의 타입은 여러가지 타입일 수 있으나 보통 한 가지 타입으로 사용하는게 일반적입니다. 사용법 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.

티스토리툴바