JS 에서 두 배열 의 서로 다른 요소 나 같은 요 소 를 추출 합 니 다.

2510 단어 JS꺼내다배열서로 다른 원소동일 원소
1.두 배열 의 서로 다른 요 소 를 추출 합 니 다.

var arr1 = [0,1,2,3,4,5];
var arr2 = [0,4,6,1,3,9];
function getArrDifference(arr1, arr2) {
    return arr1.concat(arr2).filter(function(v, i, arr) {
      return arr.indexOf(v) === arr.lastIndexOf(v);
    });
  }
  console.log(getArrDifference(arr1,arr2));
 
 //  ：(4) [2, 5, 6, 9]
(1)concat()방법:두 개 이상 의 배열 을 연결 하 는 데 사용 합 니 다.
 이 방법 은 기 존의 배열 을 바 꾸 지 않 고 연 결 된 배열 의 사본 만 되 돌려 줍 니 다.예:

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"

document.write(arr.concat(arr2))；

//  ：George、John、Thomas、James、Adrew、Martin
</script>
(2)Array filter()방법:
  • 새 배열 을 만 듭 니 다.새 배열 의 요 소 는 지정 한 배열 에서 조건 에 맞 는 모든 요 소 를 검사 합 니 다.
  • 주의:filter()는 빈 배열 을 검사 하지 않 습 니 다.
  • 주의:filter()는 원본 배열 을 바 꾸 지 않 습 니 다.
  • 문법:array.filter(function(currentValue,index,arr),this Value)
    • (3)index Of()방법:
  • 지정 한 문자열 값 이 문자열 에 처음 나타 난 위 치 를 되 돌려 줍 니 다.
  • 일치 하 는 문자열 을 찾 지 못 하면-1 을 되 돌려 줍 니 다.
  • 주의:index Of()방법 은 대소 문 자 를 구분 합 니 다.
    • (4)lastIndexOf()방법:
  • 지정 한 문자열 값 이 마지막 으로 나타 난 위 치 를 되 돌려 줍 니 다.두 번 째 매개 변수 start 를 지정 하면 한 문자열 의 지정 한 위 치 를 뒤에서 검색 합 니 다.
  • 주의:이 방법 은 뒤에서 문자열 을 검색 하지만 시작 위치(0)부터 하위 문자열 이 마지막 으로 나타 나 는 위 치 를 계산 합 니 다.문자열 이 있 는 지 확인 하 십시오.4567918)
  • 검색 을 시작 하 는 위 치 는 문자열 의 start 나 문자열 의 끝(start 가 지정 되 지 않 았 을 때)입 니 다.
  • 일치 하 는 문자열 을 찾 지 못 하면-1 을 되 돌려 줍 니 다.
  • 주의:lastIndex Of()방법 은 대소 문 자 를 구분 하 는 것 입 니 다!
    •  2.두 배열 의 같은 요 소 를 추출 합 니 다.
    
var arr1 = [0,1,2,3,4,5];
var arr2 = [0,4,6,1,3,9];
function getArrEqual(arr1, arr2) {
    let newArr = [];
    for (let i = 0; i < arr2.length; i++) {
      for (let j = 0; j < arr1.length; j++) {
        if(arr1[j] === arr2[i]){
          newArr.push(arr1[j]);
        }
    }
   }
   return newArr;
}
console.log(getArrEqual(arr1, arr2));
 //  ：(4) [0, 4, 1, 3]
    위 에서 말 한 것 은 편집장 님 께 서 소개 해 주신 JS 에서 두 배열 의 차이 점 이나 같은 요 소 를 추출 하여 상세 하 게 통합 시 키 는 것 입 니 다.여러분 께 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 저 에 게 메 시 지 를 남 겨 주세요.편집장 님 께 서 신속하게 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!
    깊이 연구:PHP 는 데이터베이스 영구 연결 방식 으로 MySQL 의 시비 조작
    vue 에서 axios 의 사용 과 패 키 징 을 자세히 설명 합 니 다.

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage