>웹 프론트엔드 >JS 튜토리얼 >js 학습에서 자주 접하는 배열 메소드를 잘 정리했습니다.

js 학습에서 자주 접하는 배열 메소드를 잘 정리했습니다.

php是最好的语言
php是最好的语言원래의
2018-07-27 14:13:461339검색

js 배열 방법 요약: 1. 대기열 끝에 push 삽입, 2. 대기열 끝에서 삭제된 마지막 항목을 삭제하고 pop 반환, 3. 팀 선두에 unshift() 삽입, 4. 팀장에서 Shift() 삭제, 5. 배열 1 배열 2 concat() 추가

1. 팀 마지막에 push 삽입

   var colors = ["red","green"];
   colors.push("black"):
   console.log(colors); //["red","green","black"]

2. item pop

   var colors = ["red","green","black"];
   var item = colors.pop();
   console.log(item); //"black"

3. 팀장에 unshift()를 삽입합니다

   var colors = ["red","green"];
   colors.unshift("black");
   var item = colors.pop();
   console.log(item); //"black"

4. 팀장에서 Shift를 삭제합니다()

   var colors = ["red","green","black"];
   colors.shift();
   console.log(colors); //["green","black"]

5. 배열 2에 배열 1을 추가합니다()

   var colors = ["red","green","black"];
   var colors2 = colors.concat("yellow",["blue","brown"]);
   console.log(colors); //["red","green","black"]
   console.log(colors2); //["red","green","black","yellow","blue","brown"]

6 . 배열 차단 슬라이스()
하나의 매개변수만 전달됩니다. 배열의 끝까지 이 매개변수의 첨자에서 가로채기입니다.

   var colors = ["red","green","black"];
   colors.slice(1); //["green","black"]
   console.log(colors); //["red","green","black"]

두 개의 매개변수를 전달합니다. 첫 번째는 차단의 시작 위치이고, 두 번째는 차단의 끝 위치입니다.

   var colors = ["red","green","black","yellow","blue","brown"];
   colors.slice(1,3)//从位置1开始,到位置2结束["green","black"];

7. 배열의 Splice() 메서드

   有三种用法:
  • Delete: 원하는 수의 항목을 삭제할 수 있습니다. 두 개의 매개변수를 지정하면 됩니다. 첫 번째 매개변수는 삭제가 시작되는 위치이고 두 번째 매개변수는 삭제된 항목 수입니다.

  • 삽입: 시작 위치, 0(삭제할 항목 수) 및 삽입할 항목의 3가지 매개변수를 제공하여 지정된 위치에 원하는 수의 항목을 삽입할 수 있습니다. 예를 들어, splice(2,0,"red","green")은 현재 배열의 위치 2부터 시작하여 "red" 및 "green" 문자열을 삽입합니다.

  • 교체: 지정된 위치에 원하는 수의 항목을 삽입하고 동시에 원하는 수의 항목을 삭제할 수 있습니다. 시작 위치, 삭제할 항목 수 및 모든 매개변수 3개만 제공하면 됩니다. 삽입할 항목 수입니다. 삽입된 항목 수가 반드시 삭제된 항목 수와 같지는 않습니다. 예를 들어, splice (2,1,"red","green")은 현재 배열의 위치 2에 있는 항목을 삭제한 다음 위치 2부터 시작하는 문자열을 삽입합니다.

   var colors = ["red","green","black"];
   var removed = colors.splice(0,1);
   console.log(colors); //["green","black"]
   console.log(removed); //["red"]
    
   removed = colors.splice(1,0,"yellow","orange");
   console.log(colors); //["green","yellow","orange","black"]
   console.log(removed); //[]

   removed = colors.splice(1,1,"red","purple");
   console.log(colors); //["green","red","purple","orange","black"]
   console.log(removed); //["yellow"]

8. 위치 메서드 indexOf() 및 lastIndexOf()

관련 기사:

JS 배열 연산 방법 요약(필독)

JS 배열 중복 제거 방법 요약

관련 동영상:

js 배열과 객체 - Qianfeng Education JS 실용 동영상 튜토리얼

위 내용은 js 학습에서 자주 접하는 배열 메소드를 잘 정리했습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.