예제를 통해 JavaScript 배열 메소드 Slice()를 사용하는 방법을 알아보세요.

青灯夜游
풀어 주다: 2020-12-29 09:35:21
앞으로
1802명이 탐색했습니다.

다음 글에서는 JavaScript에서 배열 메소드인 Slice()를 어떻게 사용하는지 예제를 통해 분석해보겠습니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

예제를 통해 JavaScript 배열 메소드 Slice()를 사용하는 방법을 알아보세요.

관련 권장사항: "javascript 비디오 튜토리얼"

slice() 메소드 소개

slice()는 현재 배열에 있는 하나 이상의 항목을 기반으로 새 배열을 생성할 수 있습니다. 반환할 시작 위치와 끝 위치인 하나 또는 두 개의 매개 변수를 허용할 수 있습니다.

하나의 매개변수: Slice() 메소드는 매개변수가 지정한 위치부터 현재 배열의 끝까지 모든 항목을 반환합니다.

두 개의 매개변수: 이 메서드는 시작 위치와 끝 위치 사이의 항목을 반환합니다(그러나 끝 위치의 항목은 포함되지 않음).

슬라이스는 원래 배열에 영향을 주지 않습니다.

끝 위치가 시작 위치보다 작으며, 빈 배열이 반환됩니다.

음수를 허용하고 배열 길이와 음수를 사용하여 해당 위치를 결정할 수 있습니다.

예제는 다음과 같습니다.

var arr = [1, 2, 3, 'a', 'b', 'c', 'd'];
Array.prototype.copySlice =function() {
  var newArr = [];
  var len = this.length;
  var argLen = arguments.length;
  if(arguments.length == 1) {//一个参数
    var startNum = arguments[0] > 0 ? arguments[0] : (len + arguments[0]);
    for(var i = startNum; i < len; i++) {
      newArr.push(arr[i]);
    }
  }
  else if(arguments.length == 2) {//两个参数
    var startNum = arguments[0] > 0 ? arguments[0] : (len + arguments[0]);
    var endNum = arguments[1] > 0 ? arguments[1] : (len + arguments[1]);
    if(startNum >= endNum) {//起始索引大于终止索引,返回[]
      return newArr;
    }
    else {
      for(var i = startNum; i < endNum; i++) {
        newArr.push(arr[i]);
      }
    }
  }
  return newArr;
};
console.log(arr.length); // 7
// 一个参数
console.log(arr.copySlice(2)); // [3, "a", "b", "c", "d"]
// 两个参数
console.log(arr.copySlice(3, 6));  //["a", "b", "c"]
console.log(arr);  //[1, 2, 3, "a", "b", "c", "d"]
// 接收负数
console.log(arr.copySlice(-2)); // ["c", "d"]
console.log(arr.copySlice(-5, 6)); //[3, "a", "b", "c"]
//结束位置小于起始位置,返回空数组。
console.log(arr.copySlice(-5, -6)); //[]
console.log(arr.copySlice(5, 5)); //[]
console.log(arr.copySlice(5, )); // ["c", "d"]
로그인 후 복사

실행 결과의 일부는 다음과 같습니다.

예제를 통해 JavaScript 배열 메소드 Slice()를 사용하는 방법을 알아보세요.

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 입문을 방문하세요! !

위 내용은 예제를 통해 JavaScript 배열 메소드 Slice()를 사용하는 방법을 알아보세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:jb51.net
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!