JavaScript shift()는 지정된 위치에서 요소를 제거하고 나머지 요소를 위로 이동합니다. JavaScript unshift() 함수는 그 반대입니다. unshift()는 특정 위치에 새 요소를 추가하고 나머지 요소를 목록 아래로 이동합니다.
목록 시작 부분에 항목을 추가하거나 제거할지 결정할 수 있습니다. 당신이 최고의 영업 사원 목록을 만든다고 가정해 봅시다. 목록의 시작 부분에 1위 최고 판매자를 삽입하고 싶을 것입니다.
바로 여기에서 JavaScript shift() 및 unshift() 함수가 들어옵니다. shift() 및 unshift() 목록의 시작 부분에 항목을 제거하고 추가하는 데 각각 사용됩니다. 이러한 함수는 push() 함수 및 pop()과 유사합니다. 함수이지만 shift() 및 unshift() 목록 시작 부분에 항목 제거 및 추가만 지원합니다.
이 튜토리얼에서는 shift() 사용 방법을 살펴봅니다. 및 unshift() 배열의 시작 부분에 항목을 제거하고 추가합니다. 또한 JavaScript 프로그램에서 이러한 각 기능의 예를 살펴보겠습니다.
자바스크립트 시프트
시프트() 배열에서 첫 번째 요소를 제거하는 내장 JavaScript 함수입니다. shift() 함수는 작업 중인 JavaScript 배열을 직접 수정합니다. shift()는 배열에서 제거한 항목을 반환합니다.
shift() 함수는 인덱스 위치 0에서 항목을 제거하고 미래 인덱스 번호의 값을 1만큼 아래로 이동합니다. shift()의 목적을 기억하는 데 어려움을 겪고 있다면 기능을 사용하려면 다음과 같이 말하십시오.
시프트() 교대 배열의 인덱스 값을 1만큼 내립니다.
시프트() 정의되지 않음 반환 shift()를 사용하는 경우 빈 목록에 대한 함수입니다.
참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.
부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.
다음은 JavaScript shift() 구문입니다. 기능:
array_name.shift()
자바스크립트 배열 shift() 함수는 매개변수를 받지 않습니다. shift()는 하나의 기능만 수행하기 때문입니다. shift()는 배열의 끝에서 항목을 제거합니다. shift()를 사용하여 임의의 위치에서 항목을 제거할 수 있다면 매개변수가 필요합니다.
시프트 자바스크립트 예제
shift() 방법이 작동합니다.
당신이 제약 영업 팀의 관리자라고 가정합니다. 이 달의 최고 영업 사원 목록을 작성하려고 합니다. 먼저 지난달의 최고 영업 사원 목록이 있습니다. 목록의 시작 부분에서 Mark를 제거하려고 합니다. Mark는 지난 달에 2주 동안 휴가를 다녀서 명단에 들지 못했습니다.
shift()를 사용할 수 있습니다. 목록의 시작 부분에서 Mark의 이름을 제거하는 기능입니다. 다음은 shift()의 예입니다. 헤더를 최고의 영업 사원 목록의 시작 부분에 추가하는 데 사용됨:
top_salespeople =['마크', '루시', '그레이엄', '캐롤', '앤'];top_salespeople.shift();console.log(top_salespeople);
코드 반환:
['루시', '그레이엄', '캐롤', '앤']
우리 코드에서 무슨 일이 일어나고 있는지 설명합시다. 첫 번째 줄에서 "top_salespeople이라는 배열을 선언합니다. "는 의약품 영업 팀의 최고 영업 사원을 저장합니다. 그런 다음 shift()를 사용합니다. 목록에서 첫 번째 값을 제거하는 함수입니다. 마지막으로 console.log()를 사용합니다. 수정된 목록을 콘솔에 인쇄합니다.
보시다시피 shift() 함수는 목록에서 첫 번째 위치에 나타난 Mark를 제거했습니다.
최고 판매원 배열에 더 이상 Mark가 포함되지 않습니다. 이는 shift() 함수는 원래 배열을 변경합니다. 수정한 내용으로 새 배열을 만들지 않습니다.
자바스크립트 언시프트
자바스크립트 배열 unshift() 함수는 배열의 시작 부분에 하나 이상의 요소를 추가합니다. unshift() 함수는 배열을 변경하고 새 배열의 길이를 반환합니다.
다음은 unshift() 구문입니다. 기능:
array_name.unshift(item_one, item_two, …)
unshift() 함수는 지정한 만큼의 매개변수를 받습니다. 이 매개변수는 모두 배열의 시작 부분에 추가됩니다.
Unshift JavaScript 예제
예제를 통해 unshift() 기능이 작동합니다.
Hannah라는 직원은 우리 영업 팀에서 놀라운 한 달을 보냈습니다. 그녀는 최고의 영업 사원 목록에서 1위를 차지했습니다. Hannah를 top_salespeople의 1위에 추가하고 싶습니다. 정렬. 다음 코드를 사용하여 이 작업을 수행할 수 있습니다.
top_salespeople =['루시', '그레이엄', '캐롤', '앤'];top_salespeople.unshift('한나');console.log(top_salespeople); 코드를 실행하면 콘솔에 다음 응답이 반환됩니다.
['한나', '루시', '그레이엄', '캐롤', '앤']
보시다시피 Hannah의 이름이 목록의 시작 부분에 추가되었습니다. unshift() 함수는 shift()와 같은 방식으로 작동합니다. 기능이지만 두 가지 차이점이 있습니다. unshift() 목록의 시작 부분에 항목을 추가하고 해당 항목을 매개변수로 받아들입니다.
우리의 영업 팀은 확장되었습니다. 신입사원 2명이 한 달 만에 영업팀 정상에 오르게 되었습니다. 이 직원을 최고의 영업 사원에 추가하고 싶습니다. 목록. Geoff는 목록의 시작 부분에 나타나야 하고 Peter는 두 번째로 나타나야 합니다.
이 코드는 최고의 영업 사원 목록을 업데이트합니다.
top_salespeople =['한나', '루시', '그레이엄', '캐롤', '앤'];top_salespeople.unshift('제프', '피터');console.log(top_salespeople);
코드 반환:
['제프', '피터', '한나', '루시', '그레이엄', '캐롤', '앤']
이 두 번째 예제 코드는 첫 번째 예제와 같은 방식으로 작동합니다. 한 가지 차이점이 있습니다. 두 번째 예에서는 unshift()에 두 개의 매개변수를 지정했습니다. 하나가 아닌 기능입니다.
보시다시피 이 매개변수는 지정한 순서대로 목록 시작 부분에 추가되었습니다. Geoff가 먼저 나타나고 Peter가 두 번째로 나타납니다.
결론
shift() 함수를 사용하면 배열의 시작 부분에서 항목을 제거할 수 있습니다. unshift() 함수는 배열의 시작 부분에 하나 이상의 항목을 추가합니다.
이 튜토리얼에서는 shift() 및 unshift() JavaScript에서 배열을 조작하는 함수. 우리는 이러한 각 기능에 대한 JavaScript 실습을 살펴보았습니다.