[자바스크립트] 배열 구조 분해
구조 분해 할당배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 한다.대괄호를 사용한다.나머지 연산자 (...) 를 사용해서 남은 요소들을 배열로 할당 할 수 있다.다차원 배열도 가능하다.const [num1, num2, num3, num4] = [1, 2, 3, 4];console.log({ num1, num2, num3, num4 });// 출력: {num1: 1, num2: 2, num3: 3, num4: 4}const [num1, num2] = [1, 2, 3, 4];console.log({ num1, num2 });// 출력 : {num1: 1, num2: 2} - 처음 예제와 다르게 배열 요소만큼 변수를 선언하지 않으면, 앞에서부터 차례대로 할당된다. const [num1, ..
2024. 8. 2.
[자바스크립트] 배열의 메소드 - splice, slice
1. splice임의의 인덱스에서 원소를 추가하고 삭제한다.원소 삭제, 교체, 추가 하는 경우에 사용할 수 있다.splice(시작 인덱스, 삭제 개수, 추가할 요소 )각 파라매터는 모두 필수값이 아니다.제거한 요소들을 새로운 배열로 반환한다.const arr = [1, 2, 3, 4];const newArr = arr.splice(1, 2);console.log(arr); // 출력: [1, 4]console.log(newArr); // 출력: [2, 3] - 시작 인덱스 1, 삭제할 개수는 2개이기에 arr 배열에서 2와 3이 삭제되고, 삭제한 2, 3을 새로운 배열로 반환했다.const arr = [1, 2, 3, 4];const newArr = arr.splice(1, 2, 1000);console..
2024. 7. 28.
[자바스크립트] 배열의 메소드 - push, pop, unshift, shift
1. push배열의 끝에 값을 추가한다.마지막 인덱스를 하나 추가하고, 거기에 값을 추가한다.타입이 다른 값도 추가 가능하다.const arr = [1, 2, 3, 4];arr.push(5);console.log(arr); // 출력: [1, 2, 3, 4, 5]const arr2 = [1, 2, 3, 4];arr2.push('5');console.log(arr2); // 출력: [1, 2, 3, 4, '5']2. pop배열의 끝의 값을 삭제한다.마지막 인덱스의 값이 삭제된다.pop()을 한 값을 반환한다.const arr = [1, 2, 3, 4, 5];const popNum = arr.pop();console.log(arr); // 출력: [1, 2, 3, 4]console.log(popNum); /..
2024. 7. 20.
[자바스크립트] 배열
배열 - Array 순서대로 번호가 붙은 원소들이 연속적인 형태로 구성된 구조여러 개의 값을 담는 컬렉션데이터의 목록, 리스트배열의 생성- 배열 리터럴로 생성// 배열 리터럴로 생성const arr = [];const arr2 = [1, 2, 3];const arr3 = ['1', 100, true];// 각 요소의 타입들이 다른 것보단 통일된 것을 지향한다.- 생성자로 생성const arr = new Array();// 결과: []const arr2 = new Array(1, 2, 3);// 결과: [1, 2, 3]const arr3 = new Array(3);// 특정 길이를 가진 배열을 생성// 결과: [undefined, undefined, undefined]배열의 인덱스배열은 인덱스로 값에 접근..
2024. 7. 16.
[자바스크립트] 변수 네이밍
자바스크립트에서 변수를 선언할 때 사용하는 식별자에는 엄격한 규칙들과 지향하는 관례들이 존재합니다.식별자(Identifier)라고 해서 어려운 개념이 아니고 쉽게 말하면, 변수의 이름입니다. 변수의 이름을 정할 때, 지켜져야하는 규칙들에 대해서 알아보겠습니다 예약어 사용 금지 - var, let, const, for, return, function 등 예약어들은 사용할 수 없습니다.특수 문자 금지 - 변수 이름에는 문자, 숫자, 밑줄(_), 달러 기호($)만 사용할 수 있습니다. 단, 처음에 숫자가 올 수 없습니다.대소문자 구분 - variableName과 variablename 은 다른 변수로 인식됩니다.의미 있는 이름 사용 - 아무 의미 없이 a, b 이런 식의 네이밍은 하지 않습니다.약어 사용 자제..
2024. 7. 6.
[자바스크립트] 변수, 상수에 대해
변수- 變(변할 변)數(셈 수) , Variable위의 의미 그대로, 변할 수 있는 수를 의미 합니다.변수를 선언 할 때 사용하는 키워드var, letvar a = 10;let b = 10;a = 20;b = 30;console.log(a, b) 위의 코드를 실행 시키면, 변수의 값이 마지막에 할당한 값으로 변경되어 있는 걸 볼 수 있습니다.이렇게 변경 될 수 있는 걸, mutable 이라고 합니다. 변수는 선언 시, 선언과 할당을 동시에도 가능하고, 따로도 가능합니다.var a;a = 10;var b = 20;let c;c = 30;let d = 40;console.log(a, b, c, d)let e = 100, f = 200, g = 300;console.log(e, f, g) 결과: 아래 변수 선..
2024. 7. 3.
