>  기사  >  웹 프론트엔드  >  배열에 일반적으로 사용되는 방법은 무엇입니까?

배열에 일반적으로 사용되는 방법은 무엇입니까?

清浅
清浅원래의
2019-04-18 15:35:3279797검색

배열에서 일반적으로 사용되는 방법은 다음과 같습니다. 1. 배열의 끝에 새 내용을 추가하는 push 방법 2. 배열의 마지막 항목을 삭제하는 pop 방법 3. 배열의 첫 번째 항목을 삭제하는 Shift 방법 4. 배열의 첫 번째 항목에 새 콘텐츠를 추가합니다. 콘텐츠 이동 방법 등.

배열에 일반적으로 사용되는 방법은 무엇입니까?

【추천 과정: JavaScript Tutorial

배열에 일반적으로 사용되는 방법:

1 push()

배열 끝에 새 콘텐츠 추가

매개변수: 추가된 항목까지. 쉼표로 구분된 다중 전달, 모든 데이터 유형 허용

반환 값: 추가 후 배열의 길이

원본 배열 변경 여부: Change

let ary1 = [12,34,26];
ary1.push(100); //返回一个新的长度 
length=4console.log(ary1)//结果为 [12,34,26,100]

2, pop()

의 마지막 항목 삭제 배열

매개변수: 없음

반환값: 삭제된 항목

원본 배열 변경 여부: 변경

let ary2 = [108,112,39,10];
ary2.pop();//删除的最后一项为10
console.log(ary2);//[108, 112, 39]

3, Shift()

배열의 첫 번째 항목 삭제

매개변수: 없음

반환값: 삭제된 항목

이 원래 배열을 변경하는지 여부:change

let ary3 = [0,108,112,39];
ary3.shift();//删除的第一项为0
console.log(ary3);//[108, 112, 39]

4. unshift()

배열의 첫 번째 위치에 새 콘텐츠 추가

매개변수: 추가할 항목, 여러 항목 ','로 구분

반환값: 새 배열의 길이

원본 배열 변경 여부: Change

let ary4 = ['c','d'];
ary4.unshift('a','b');
console.log(ary4);//["a", "b", "c", "d"]

5. Slice()

조건에 따라 내용의 일부를 알아보세요

매개변수:

array.slice(n, m), from 인덱스 n부터 m까지 검색(m 제외)

array.slice(n) 두 번째 매개변수가 생략되면 끝까지 검색이 계속됩니다.

array .slice(0) 내용을 그대로 출력하므로 배열 복제가 가능합니다.

array .slice(-n,-m) 슬라이스는 마지막 항목부터 계산하여 -1이 마지막 항목이고 -2가 음수 매개변수를 지원합니다. 두 번째 항목. 반환 값: 새 배열을 반환합니다. 배열: 변경하지 마세요.

let ary5 = [1,2,3,4,5,6,7,8,9]; 
//console.log(ary5.slice(2,8));//从索引2开始查找到索引为8的内容,结果为[3, 4, 5, 6, 7, 8] 
//console.log(ary5.slice(0)); 
console.log(ary5.slice(-2,-1));//[8]

6. splice()

배열을 추가, 삭제 또는 수정하세요.추가: ary.splice(n,0,m) 인덱스 n부터 시작하여 0개 항목을 삭제하고 m개 이상의 콘텐츠를 대체합니다. 인덱스 n 앞에 삽입

빈 배열을 반환합니다

수정: ary.splice(n,x,m)는 인덱스 n부터 시작하여 x개 항목을 삭제하고, m은 대체합니다. 삭제된 부분

원본 내용을 삭제한 후 대체된 새 내용 사용

Delete: ary.splice(n,m) 인덱스 n부터 m개 내용 삭제

(두 번째 매개변수가 생략된 경우 n부터 end)

삭제된 새 배열, 원래 배열 변경 반환

//增加
  let ary6_z = [33,44,55,66,77,88];
  ary6_z.splice(2,0,'a','b')
  console.log(ary6_z);// [33, 44, "a", "b", 55, 66, 77, 88]

  //修改
  let ary6_x = [33,44,55,66,77,88];
  ary6_x.splice(1,2,'x','y')
  console.log(ary6_x);// [33, "x", "y", 66, 77, 88]

  //删除
   let ary6_s = [33,44,55,66,77,88];
   //console.log(ary6.splice(3,2))//[66, 77]
   console.log(ary6_s.splice(3));//[66, 77, 88]

7, Join()

지정된 구분 기호를 사용하여 배열의 각 항목을 문자열로 연결합니다매개변수: 지정된 구분 기호(이 매개변수인 경우) 생략, 쉼표가 구분 기호로 사용됨)

반환 값: 이어진 ​​문자열

원래 배열 변경 여부: 변경 없음

let ary7 = [1,2,3];
console.log(ary7.join('、'));//1、2、3

8. concat()

은 두 개 이상의 배열을 연결하는 데 사용됩니다. 매개변수: 매개변수는 특정 값일 수도 있고 배열 객체일 수도 있습니다. 임의의 숫자일 수 있음

반환 값: 연결 후 새 배열 반환

원래 배열 변경 여부: 변경하지 않음

let ary8 = ['你'];
let ary80 = ary8.concat('好');
console.log(ary80);//["你", "好"]

9, indexOf()

현재 값이 처음 나타나는 인덱스 감지 배열에서 매개변수: array.indexOf(item,start) item: 검색할 요소 start: 문자열에서 검색이 시작되는 위치

반환 값: 찾을 수 없는 경우 처음으로 찾은 인덱스 , -1이 반환됨

원래 배열이 변경되었는지 여부 : 변경하지 않음

let ary9 = ['a','b','c','d','e','a','f'];   
console.log(ary9.indexOf('c'));//2
console.log(ary9.indexOf('a',3))//5

10, lastIndexOf()

배열에서 현재 값이 마지막으로 나타나는 위치 인덱스 감지매개변수: 배열. lastIndexOf(item,start) item: 찾을 요소 start: 문자열에서 시작 검색된 위치

반환값: 처음 찾은 인덱스, 찾지 못한 경우 -1

원래 배열을 변경할지 여부: 변경하지 마세요

let ary10 = ['a','b','c','d','e','a','f'];   
console.log(ary10.lastIndexOf('c'));//2
console.log(ary10.lastIndexOf('f',1))//-1

11.include()

배열에 지정된 값이 포함되어 있는지 판단하세요매개변수: 지정된 콘텐츠

반환 값: 부울 값

원래 배열 변경 여부: 변경 없음

let ary13 = ['a','b','c','d']; 
console.log(ary13.includes('c'));//true
console.log(ary13.includes(2));//false

12.sort()

배열의 요소를 정렬합니다(기본값은 작은 것부터 큰 것까지 정렬되고 문자열에 따라 정렬됩니다)매개변수: 선택 사항(함수) 기본 정렬 순서를 지정합니다. 알파벳 오름차순

반환값: 정렬 후 새 배열

원래 배열 변경 여부: 변경

정렬 여부 매개변수 전달 시 10(한 자리) 이내의 숫자 정렬만 처리할 수 있습니다

 let ary11 = [32,44,23,54,90,12,9]; 
   ary11.sort(function(a,b){        // return a-b;  // 结果[9, 12, 23, 32, 44, 54, 90]
        // return b-a;  // 结果[90, 54, 44, 32, 23, 12, 9]   })  
    console.log(ary11);

13. reverse()

배열을 거꾸로 배열합니다매개변수: 없음

반환값: 역순 후 새 배열

원래 배열 변경 여부:

let ary12 = [6,8,10,12]; 
console.log(ary12.reverse());//[12, 10, 8, 6]

14, forEach()

배열의 각 항목을 반복합니다매개변수: function ary.forEach(function(item,index,ary){}) 항목: 각 항목 인덱스: 인덱스 ary: 현재 배열

반환 값: 없음

변경 여부 원본 배열: 변경 없음

continue 및 break는 forEach에서 사용할 수 없으며 forEach에서 점프할 수 없으며 건너뛸 수만 있습니다(반환 건너뛰기)

 let ary14 = ['a','b','c','d']; 
 let item = ary14.forEach(function(item,index,ary){
        console.log(item,index,ary);
   })

위 내용은 배열에 일반적으로 사용되는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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