JavaScript

자바스크립트에서 문자열을 자르는 방법은 substr(), substring(), slice() 의 함수 3가지가 있다. 비슷하지만 세부적인 기능이 다르기 때문에 이를 구분하여 상황에 적절한 함수를 사용하자. str.substr(start[, length]) str.substring(indexStart[, indexEnd]) str.slice(beginIndex[, endIndex]) //위 세 가지 함수의 인수 중 대괄호([]) 부분은 생략 가능하며, 생략할 경우 시작 위치부터 문자열 끝까지 자른다. substr() 함수로 문자열 자르기 var str = '자바스크립트'; var result1 = str.substr(0, 2); //결과 : "자바" var result2 = str.substr(2, 4)..

concat() array.concat([value1[, value2[, ...[, valueN]]]]) concat() 함수는 파라미터로 받은 배열이나 값들을 기존의 배열에 합쳐서 새로운 배열을 만들어 리턴한다. 이때 파라미터가 배열인 경우, 배열 안의 원소들을 꺼내어 새로운 배열에 포함시킨다. 원본 배열의 값은 변하지 않는다. const arr = [1, 2, 3]; const newArr = arr.concat('a', ['b', 'c'], 'abc'); document.writeln(arr); // [1, 2, 3] document.writeln(newArr.length); // 7 document.writeln(newArr); // [1, 2, 3, 'a', 'b', 'c', 'abc'] .....

Array.prototype.slice slice 메서드는 인수로 전달된 범위의 요소들을 복사하여 배열로 반환한다. 원본 배열은 변경되지 않는다. 이름이 유사한 splice 메서드는 원본 배열을 변경하므로 주의하자. slice 메서드는 첫 번째 인수(start)로 전달받은 인덱스 부터 두 번째 인수(end)로 전달받은 인덱스 이전(end 미포함)까지 요소들을 복사하여 배열로 반환한다. 두 번째 인수(end)를 생략하면 첫 번째 인수(start)로 전달받은 인덱스부터 모든 요소를 복사해 배열로 반환한다. slice() slice(start) slice(start, end) 매개변수 start (Optional) : 복사를 시작할 인덱스. 음수인 경우 배열의 끝에서의 인덱스를 나타낸다. 예를 들어, slic..

Array.prototype.sort sort 메서드는 배열의 요소를 정렬한다. 원본 배열을 직접 변경하며 정렬된 배열을 반환한다. sort 메서드는 기본적으로 오름차순으로 요소를 정렬한다. 기본적으로 오름차순으로 요소를 정렬하기 때문에 내림차순으로 요소를 정렬하려면 sort 메서드를 사용하여 오름차순으로 정렬한 후 reverse 메서드를 사용해 요소의 순서를 뒤집어야 한다. arr.sort([compareFunction]) 매개변수 compareFunction(Optional) : 정렬 순서를 정의하는 함수. 생략하면 배열은 각 요소의 문자열 변환에 따라 각 문자의 유니코드 코드 포인트 값에 따라 정렬된다. 반환 값 정렬한 배열. 원 배열이 정렬되는 것에 유의하자. 복사본이 만들어지는 것이 아니다. 예..

Array.prototype.map() map 메서드는 자신을 호출한 배열의 모든 요소를 순회하면서 인수로 전달받은 콜백 함수를 반복 호출한다. 그리고 콜백 함수의 반환값들로 구성된 새로운 배열을 반환한다. 이때 원본 배열은 변경되지 않는다. map(callbackFn) map(callbackFn, thisArg) 매개 변수 callbackFn : 배열의 각 요소에 대해 실행할 함수. 반환 값은 새 배열의 단일 요소로 추가. 이 함수는 다음 매개 변수들을 호출한다. element : 배열에서 처리 중인 현재 요소 index : 배열에서 처리 중인 현재 요소의 인덱스 array : 호출된 map() 배열 thisArg(Optional) : 콜백 함수에서 this를 실행할 때 사용할 값. 반환값 각 요소가 ..

Array.prototype.reduce() 자바스크립트의 reduce 메서드는 자신을 호출한 배열을 모든 요소를 순회하며 인수로 전달받은 콜백 함수를 반복 호출한다. 그리고 콜백 함수의 반환값을 다음 순회 시에 콜백 함수의 첫 번째 인수로 전달하면서 콜백 함수를 호출하여 하나의 결과값을 만들어 반환한다. 이떄 원본 배열은 변경되지 않는다. reduce 메서드는 첫 번째 인수로 콜백 함수, 두 번째 인수로 초기값을 전달받는다. reduce 메서드의 콜백 함수에는 4개의 인수, 초기값 또는 콜백 함수의 이전 반환값, reduce 메서드를 호출한 배열의 요소값과 인덱스, reduce 메서드를 호출한 배열 자체 즉 this가 전달된다. reduce(callbackFn) reduce(callbackFn, ini..