소개
이 랩에서는 지정된 양만큼 배열 요소를 오프셋하는 흥미로운 JavaScript 함수를 살펴봅니다. Array.prototype.slice() 메서드와 spread operator (전개 연산자) 를 사용하여 오프셋 값에 따라 배열의 시작에서 끝으로 또는 끝에서 시작으로 요소를 이동하는 방법을 배웁니다. 이 랩은 JavaScript 개발자가 배열 조작에 대한 이해도를 높이는 데 도움이 되도록 설계되었습니다.
JavaScript 에서 배열 요소 오프셋 방법
JavaScript 배열에서 지정된 수의 요소를 끝으로 이동하려면 다음 단계를 따르세요.
- 터미널/SSH 를 열고
node를 입력하여 코딩 연습을 시작합니다. Array.prototype.slice()메서드를 두 번 사용하여 지정된 인덱스 이후의 요소와 그 이전의 요소를 가져옵니다.- spread operator (전개 연산자) (
...) 를 사용하여 두 배열을 하나로 결합합니다. offset이 음수이면 요소는 배열의 끝에서 시작으로 이동합니다.
다음은 offset 함수를 구현하는 코드 스니펫 예시입니다.
const offset = (arr, offset) => [...arr.slice(offset), ...arr.slice(0, offset)];그런 다음 원하는 배열과 오프셋 값으로 함수를 호출할 수 있습니다.
offset([1, 2, 3, 4, 5], 2); // [3, 4, 5, 1, 2]
offset([1, 2, 3, 4, 5], -2); // [4, 5, 1, 2, 3]요약
축하합니다! 배열 요소 오프셋 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.