js 에서 배열 상용 방법 총화(추천)

머리말
일 을 시작 한 지 2 년 이 다 되 어 갑 니 다.평소에 도 필 기 를 수집 하고 정리 해서 인상 노트 에 넣 습 니 다.그러나 수집 한 후에 본 적 이 없습니다.큰 남자 의 지 시 를 받 아 지식 포 인 트 를 진정 으로 파악 하 는 가장 좋 은 방법 은 자신의 말로 내용 을 분명하게 말 하고 예전 의 흩 어 진 물건 을 통합 시 켜 여러 친구 들 과 함께 향상 시 키 는 것 입 니 다.
조작 배열
기억 에 남 는 배열 은 여러 가지 방법 이 있 습 니 다.체계적으로 정리 하고 자신의 집에 두 면 뒤 를 돌아 볼 수 있 습 니 다~
Array.map()
이 방법 은 배열 의 모든 요 소 를 제공 하 는 함수 로 호출 하 는 것 입 니 다.결 과 는 새로운 배열 로 되 돌아 가 며 원래 의 배열 을 바 꾸 지 않 았 습 니 다.

let arr = [1, 2, 3, 4, 5]
  let newArr = arr.map(x => x*2)
  //arr= [1, 2, 3, 4, 5]         
  //newArr = [2, 4, 6, 8, 10]      

Array.forEach()
이 방법 은 배열 의 모든 요 소 를 전달 하 는 함수 입 니 다.반환 값 이 없 으 면 원래 배열 을 직접 바 꾸 고 주의 와 map 방법 으로 구분 합 니 다.

let arr = [1, 2, 3, 4, 5]
  num.forEach(x => x*2)
  // arr = [2, 4, 6, 8, 10]     ,   map  

Array.filter()
이 방법 은 모든 요 소 를 판단 하여 조건 을 만족 시 키 는 요 소 를 새로운 배열 로 되 돌려 주 는 것 입 니 다.

let arr = [1, 2, 3, 4, 5]
  const isBigEnough => value => value >= 3
  let newArr = arr.filter(isBigEnough )
  //newNum = [3, 4, 5]                 

Array.every()
이 방법 은 모든 요 소 를 판단 하여 불 값 으로 되 돌려 주 는 것 입 니 다.모든 요소 가 판단 조건 을 만족 시 키 면 true 로 돌아 갑 니 다.그렇지 않 으 면 false 입 니 다.

let arr = [1, 2, 3, 4, 5]
  const isLessThan4 => value => value < 4
  const isLessThan6 => value => value < 6
  arr.every(isLessThan4 ) //false
  arr.every(isLessThan6 ) //true

Array.some()
이 방법 은 모든 요 소 를 판단 하여 불 값 으로 되 돌려 주 는 것 입 니 다.요소 가 존재 하면 판단 조건 을 만족 시 키 면 true 로 돌아 갑 니 다.모든 요소 가 판단 조건 을 만족 시 키 지 않 으 면 false 로 돌아 갑 니 다.

let arr= [1, 2, 3, 4, 5]
  const isLessThan4 => value => value < 4
  const isLessThan6 => value => value > 6
  arr.some(isLessThan4 ) //true
  arr.some(isLessThan6 ) //false

Array.reduce()
 이 방법 은 모든 요소 가 반환 함 수 를 호출 하고 반환 값 은 마지막 결과 이 며 들 어 오 는 값 은 함수 형식 이 어야 합 니 다.

let arr = [1, 2, 3, 4, 5]
  const add = (a, b) => a + b
  let sum = arr.reduce(add)
  //sum = 15         
             Array.reduceRight()   ，             

Array.push()
이 방법 은 배열 뒤에 요 소 를 추가 하 는 것 입 니 다.이 방법 은 배열 의 길 이 를 바 꾸 었 습 니 다.
Array.pop()
이 방법 은 배열 뒤에서 마지막 요 소 를 삭제 하고 배열 로 돌아 갑 니 다.이 방법 은 배열 의 길 이 를 바 꾸 었 습 니 다.

let arr = [1, 2, 3, 4, 5]
  arr.pop()
  console.log(arr) //[1, 2, 3, 4]
  console.log(arr.length) //4

Array.shift()
 이 방법 은 배열 뒤에서 첫 번 째 요 소 를 삭제 하고 배열 로 돌아 갑 니 다.이 방법 은 배열 의 길 이 를 바 꾸 었 습 니 다.

let arr = [1, 2, 3, 4, 5]
  arr.shift()
  console.log(arr) //[2, 3, 4, 5]
  console.log(arr.length) //4 

Array.unshift()
이 방법 은 하나 이상 의 요 소 를 배열 의 시작 에 추가 하고 새 배열 의 길 이 를 되 돌려 주 는 것 입 니 다.

let arr = [1, 2, 3, 4, 5]
  arr.unshift(6, 7)
  console.log(arr) //[6, 7, 2, 3, 4, 5]
  console.log(arr.length) //7 

Array.isArray()
대상 이 배열 인지 아 닌 지 를 판단 하고 불 값 을 되 돌려 줍 니 다.
Array.concat()
이 방법 은 여러 배열 을 하나의 배열 로 연결 할 수 있 는 방법 입 니 다.

let arr1 = [1, 2, 3]
   arr2 = [4, 5]
 let arr = arr1.concat(arr2)
 console.log(arr)//[1, 2, 3, 4, 5]

Array.toString()
이 방법 은 배열 을 문자열 로 변환 합 니 다:

let arr = [1, 2, 3, 4, 5];
  let str = arr.toString()
  console.log(str)// 1,2,3,4,5

Array.join()
이 방법 도 배열 을 문자열 로 바 꾸 는 것 입 니 다.

let arr = [1, 2, 3, 4, 5];
  let str1 = arr.toString()
  let str2 = arr.toString(',')
  let str3 = arr.toString('##')
  console.log(str1)// 12345
  console.log(str2)// 1,2,3,4,5
  console.log(str3)// 1##2##3##4##5

예 를 들 어 toString 과 의 차 이 를 알 수 있 고 요소 간 의 간격 을 설정 할 수 있 습 니 다~
Array.splice(시작 위치,삭 제 된 개수,요소)
만능 방법 은 첨삭 과 수정 을 실현 할 수 있다.

let arr = [1, 2, 3, 4, 5];
   let arr1 = arr.splice(2, 0 'haha')
   let arr2 = arr.splice(2, 3)
   let arr1 = arr.splice(2, 1 'haha')
   console.log(arr1) //[1, 2, 'haha', 3, 4, 5]      
   console.log(arr2) //[1, 2]       
   console.log(arr3) //[1, 2, 'haha', 4, 5]       

엔 딩
처음 쓰 는 것 은 모두 간단 한 배열 용법 입 니 다.천리 길 도 한 걸음 부터 시작 하여 기 초 를 다시 다 져 보 겠 습 니 다.만약 에 잘못 되 거나 표현 이 적당 하지 않 으 면 신속하게 알려 주 십시오.thx
이상 에서 말 한 것 은 편집장 이 여러분 에 게 소개 한 js 에서 배열 이 자주 사용 하 는 방법 을 정리 하고 상세 하 게 통합 시 키 는 것 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.만약 에 궁금 한 점 이 있 으 면 저 에 게 메 시 지 를 남 겨 주세요.편집장 은 신속하게 여러분 에 게 답 할 것 입 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!