멋쟁이사자 FE7 28일차

Findings (배운 점)

---

JS

slice()

slice(start[, end])

 

slice()는 배열에서 원하는 부분을 잘라내어 새로운 배열을 만들어 반환하는 역할을 한다. slice()를 사용하

면 원본 배열을 변경하지 않고 특정 범위의 요소를 추출하여 새로운 배열을 생성할 수 있다.

 

const originalArray = [1, 2, 3, 4, 5];
const slicedArray = originalArray.slice(1, 4);
const allSliceArray = originalArray.slice();

console.log(slicedArray); // 출력: [2, 3, 4]
console.log(allSliceArray); // 출력: [1, 2, 3, 4, 5];

 

slice() 첫 번째 인자는 추출을 시작할 인덱스이며 (포함), 두 번째 인자는 추출을 끝낼 인덱스의 다음 인덱스를 나타낸다. (미포함). 만약 두 번째 인자를 생략하면, 시작 인덱스부터 배열의 끝까지 모든 요소를 추출한다.
만약 첫 번째 인자와 두 번째 인자를 생략하고 호출하면, 원본 배열 전체를 복사하여 새로운 배열을 생성한다. 다시 말해, 원본 배열의 모든 요소를 포함하는 새로운 배열이 반환됨.

 

. . . 연산자

... 연산자는 스프레드 문법 (Spread Syntax) 또는 레스트 파라미터 (Rest Parameters)로 사용된다.

1. 스프레드 문법 (Spread Syntax)

배열이나 객체의 요소를 분해하거나 복사할 때 사용된다. 배열 또는 객체의 내용을 개별 요소로 분해하여 다른 배열이나 객체에 추가하거나 복사할 수 있다.

 

const originalArray = [1, 2, 3];
const newArray = [...originalArray, 4, 5];

console.log(newArray); // 출력: [1, 2, 3, 4, 5]

// 객체에서 스프레드 문법 사용
const originalObject = { a: 1, b: 2 };
const newObject = { ...originalObject, c: 3 };

console.log(newObject); // 출력: { a: 1, b: 2, c: 3 }

 

2. 레스트 파라미터 (Rest Parameters)

레스트 파라미터는 함수 정의에서 사용되며, 여러 개의 인수를 배열로 받아들일 수 있게 해준다. 이것은 함수에 넘겨진 인수들을 배열로 그룹화하여 사용할 수 있도록 도와준다.

 

function sum(...numbers) {
  let total = 0;
  for (let num of numbers) {
    total += num;
  }
  return total;
}

console.log(sum(1, 2, 3, 4, 5)); // 출력: 15

 

위의 예시에서 ...numbers는 넘겨진 모든 인수를 배열로 그룹화하며, 함수 내에서 numbers 배열로 사용할 수 있습니다.

... 연산자는 스프레드 문법으로 배열이나 객체의 요소를 분해하거나 복사하거나, 함수의 레스트 파라미터로 여러 개의 인수를 배열로 그룹화하여 사용할 때 유용하게 쓰이는 문법이다.