자바스크립트 스플라이스

| | | | | | | | | | | | | | | | | | | | |

자바스크립트 splices() 메서드는 배열을 수정합니다. 이를 통해 테이블에 새 요소를 추가하거나 이미 존재하는 요소를 삭제 또는 수정할 수 있습니다. splice()는 사용되는 배열을 변경합니다. 새 테이블을 만들지 않습니다.

기존 항목 목록에서 항목을 추가하거나 제거하려는 경우가 많습니다. 예를 들어 직원들로부터 피드백을 제공하는 프로그램이 있다고 가정해 보겠습니다. 직원이 휴가 중입니다. 프로그램에서 일시적으로 제거할 수 있습니다.

결합()을 사용하여 요소를 추가하거나 제거하거나 배열의 요소를 수정할 수 있습니다. 이 방법을 사용하면 배열에서 요소를 추가하거나 제거할 수 있습니다. 이 튜토리얼에서는 splice() 메소드의 작동 방식과 JavaScript 코드에서 이를 사용하는 방법을 보여줍니다.

배열 업데이트

내용 배열에는 숫자, 문자열 및 부울이 포함될 수 있습니다. JavaScript에서 배열을 사용하여 여러 변수에 데이터를 저장하는 대신 더 많은 정보를 저장할 수 있습니다. 예를 들어, 10명의 학생으로 구성된 학급이 있는 경우 각 학생의 이름을 나열하는 배열을 만들 수 있습니다.

배열은 0에서 시작하는 인덱스 번호를 사용하여 볼 수 있습니다. 다음은 배열의 예입니다. :

JavaScript splice()

JavaScript splice() 메서드는 배열에서 요소를 추가, 수정 또는 제거합니다. splice()는 기존 배열을 수정합니다.

splice():.

splice()는 세 개의 매개변수를 허용합니다.

  • 인덱스 시작 번호(필수)
  • 제거하려는 배열 요소의 수(선택 사항)
  • 목록에 추가할 요소( 선택 사항)

접합을 사용하여 목록에 여러 항목을 추가할 수 있습니다. 이렇게 하려면 최종 매개변수로 추가하려는 모든 항목을 지정해야 합니다.

splice() JavaScript: 이 배열에서 제거

학생 이름 목록이 Paul 다른 학교로 이사했고 이름 목록에서 그를 제거하고 싶습니다. 다음은 배열에서 이름을 삭제하는 splicing()의 예입니다.

코드를 실행하면 다음과 같은 출력을 얻을 수 있습니다.

["Alex", "Fred", "Molly"]

인덱스 "3"으로 시작하는 요소를 삭제했습니다. 이 경우 삭제한 JavaScript 문자열은 "Paul

코드에서 두 번째 인수인 index.`" 3 " 뒤의 모든 요소를 제거했다면, 또한 제거되었을 것입니다.

JavaScript splice(). 배열에 추가

배열에 다른 학생을 추가하려면 splice()를 사용할 수도 있습니다. 세 번째 매개변수를 추가하면 배열에 추가할 항목을 지정할 수 있습니다. 예는 다음과 같습니다.

이 코드의 출력은 다음과 같습니다.

["Alex", "Fred", "Molly", "Paul", "Hannah"]

새 문자열 "Hannah "가 인덱스 위치 "4"에 배열 끝에 추가되었습니다. 배열에서 아무것도 제거하지 않기 때문에 두 번째 매개변수가 0으로 설정되었습니다. Splice를 사용하면 배열에 새 요소를 쉽게 추가할 수 있습니다. /p>

추가할 수 있습니다. 코드에 추가 매개변수를 포함하여 다른 이름:.

student var = ["Alex", "Fred", "Molly", "Paul"]

students.splice(4 , 0, "Hannah", "Lily") ;

console.log(students);

이 코드는 "Hannah"와 "Lily"를 모두 목록에 추가합니다.

splice() JavaScript. 배열에서 추가 및 제거

배열에서 요소를 동시에 추가 및 제거하려면 splice()를 사용할 수도 있습니다. 다음은 실제 예제입니다.

이 코드의 출력은 다음과 같습니다.

["Alex", "Fred", "Hannah", "Paul"]

우리 코드는 "Molly"인 인덱스 값이 "2"인 배열에서 요소를 제거했습니다. 그래서 우리 코드는 "2"의 인덱스 위치에 "Hannah"를 추가했습니다.

JavaScript Splice vs. Slice

일부 개발자는 JavaScript 슬라이스( ) 및 splice()는 slice()를 사용하여 배열에서 요소를 제거할 수도 있기 때문입니다. 그러나 이 두 가지 방법 사이에는 차이점이 있습니다.

첫째, slice()는 원래 배열을 변경하지 않는 반면 (위에서 보았듯이) 접합은 변경 원래 벡터를 변경합니다. 또한 splice()는 변경된 사항이 있는 새 배열을 반환하고 splice()는 제거된 항목을 반환합니다.

결론

splicing()은 요소를 추가합니다. 기존 배열에서 요소를 제거하거나 수정합니다. splice()를 사용하여 원하는 만큼 배열에서 요소를 추가하거나 제거할 수 있습니다.

이것이 JavaScript의 splice()에 대해 알아야 할 전부입니다. 간단히 말해서 JavaScript 배열에서 요소를 추가하거나 제거하려는 경우 splice()는 알아두면 유용한 함수가 될 수 있습니다.

JavaScript에 대해 자세히 알아보려면 초보자를 위한 최고의 JavaScript 자습서 .