JavaScript
-
자바스크립트(JS) 2차원 배열을 1차원 배열로 변환하는 방법 - reduce, concatJavaScript 2022. 5. 24. 22:20
reduce reduce 메서드는 배열의 각 요소에 함수를 실행시켜 초기누산값에 현재값을 누적시켜 하나의 최종 누산값을 반환하는 메서드 입니다. reduce는 두개의 파라메터를 갖고 있습니다. 1. callback 함수 누산값(acc), 현재요소값(cur), 현재요소의index, 현재배열 (현재요소의index와 현재배열은 생략 가능합니다. ) 2. 초기값 초기값은 생략 가능하지만 가능하면 생략하지 않는 것이 권장됩니다. let array = [1,2,3,4,5]; array.reduce((acc(누산값),cur(현재요소값)) => acc + cur, 0(초기값)) // => 15 중요한점은 초기값이 생략되면, 배열의 첫번째 요소가 acc(누산값이 되고), 현재요소값은 배열의 두번째 요소가 된다는 것입니..
-
자바스크립트 배열 고차 함수 메서드JavaScript 2022. 5. 24. 09:53
forEachforEach() 메서드는 주어진 함수를 배열 요소 각각에 대해 실행합니다. const array1 = ['a', 'b', 'c']; array1.forEach(element => console.log(element)); // expected output: "a" // expected output: "b" // expected output: "c" 2. some some() 메서드는 배열 안의 어떤 요소라도 주어진 판별 함수를 통과하는지 테스트합니다. 참고: 빈 배열에서 호출하면 무조건 false를 반환합니다. const array = [1, 2, 3, 4, 5]; // checks whether an element is even const even = (element) => element ..
-
자바스크립트(JS) 배열 sliceJavaScript 2022. 5. 17. 12:32
slice() slice 메서드는 어떤 배열을 잘라서 새로운 배열로 리턴합니다. arr.slice([begin[,end]]) let arr = [1,2,3,4,5] 1. begin index부터 end 바로전 index까지 반환합니다. arr.slice(0,4) -> [1,2,3,4] 2. begin이 없을 경우 0번 index부터 end까지 반환합니다. arr.slice(5) -> [1,2,3,4,5] 3. begin이 배열의 길이보다 클 경우 빈 배열을 반환합니다. arr.slice(7,4) -> [] 4. 음수 인덱스는 배열의 끝에서부터의 길이를 나타냅니다. (slice(-2)는 마지막 2개 반환) arr.slice(-2) -> [4,5] 5. 만약 end 값이 배열의 길이보다 크다면, silce(..
-
자바스크립트(JS) 배열의 추가,수정,삭제와 slice(), concat()JavaScript 2022. 5. 17. 12:18
const arr = [1,2,3] 추가 1. 배열 맨 앞에 추가하려면 unshift()를 사용하면 됩니다. arr.unshift(6) -> arr = [6,1,2,3] 2. 배열 맨 뒤에 추가 하려면 push()를 사용하면 됩니다. arr.push(7) -> arr [6,1,2,3,7] 삭제 1. 배열 맨 앞에를 삭제하려면 shift()를 사용하면 됩니다. arr.shift(6) -> arr[1,2,3,7] 2. 배열 맨 뒤를 삭제하려면 pop()을 사용하면 됩니다. arr.pop() arr = [1,2,3]
-
자바스크립트의 데이터타입 (원시자료형,참조자료형)JavaScript 2022. 5. 12. 10:22
자바스크립트에서 사용하는 데이터는 크게 원시자료형과 (primitive), 참조자료형(Reference) 가 있습니다. 원시자료형(Primitive) 원시타입의 데이터는 객체가 아니면서 method를 가지지 않는 6 가지의 타입 string, number, bigint, boolean, undefined, symbol, (null) 을 말합니다. const num1 = 123; const num2 = 123456789; 위처럼 원시 자료형의 보관함인 변수에는 데이터의 크기와는 관계없이 하나의 데이터만 담을 수 있습니다. ( 데이터 보관함의 크기 고정) 또한 값 자체에 대한 변경이 불가능(immutable)하지만, 변수에 다른 데이터를 할당할 수는 있습니다. 참조자료형(Reference) 자바스크립트에서 ..
-
JS - 데이터 타입의 분류JavaScript 2022. 5. 5. 11:19
자바스크립트가 처리 할 수 있는 데이터 타입은 크게 두 가지가 있습니다. 1. 원시 타입 - 원시 타입에 속하는 값으로는 숫자, 문자열, 논리값이 있습니다. 그리고 특수한 값(undefined, null)과 심벌(symbol)도 원시 타입에 속합니다. 2. 객체 타입 이밖에 원시타입에 속하지 않는 자바스크립트의 값은 객체라고 합니다. 객체는 변수 여러 개가 모여서 만들어진 복합 데이터 타입입니다. 객체 안에 저장된 값은 바꿀 수 있습니다. 객체는 참조 타입입니다. 따라서 객체 타입의 값을 변수에 대입하면 변수에는 그 객체에 대한 참조(메모리에서의 위치 정보)가 할당됩니다. 자바스크립트에서는 배열, 함수, 정규 표현식과 같은 다양한 요소가 객체 입니다.