자바스크립트 배열 중복 요소 확인하기: indexOf()와 lastIndexOf() 활용

2021. 2. 13. 22:45·개발/JavaScript

자바스크립트 indexOf()와 lastIndexOf()를 활용하여 문자열과 배열의 중복 요소를 확인할 수 있습니다.

indexOf() 메소드 설명

자바스크립트 indexOf() 메소드는 자바스크립트 lastIndexOf() 메소드는 호출하는 문자열 내 특정 값이 등장하는 첫 인덱스를 리턴하며, 값이 발견되지 않으면 -1을 리턴합니다.

const paragraph = 'Show me the money, big money.';

const searchTerm = 'money';

console.log(paragraph.indexOf(searchTerm)); // 12

물론, 이를 배열에도 사용할 수 있습니다.

const words = ['dash', 'apple', 'bay', 'cristal', 'dash'];

const searchWord = 'dash';

console.log(words.indexOf(searchWord)) // 0

lastIndexOf() 메소드 설명

자바스크립트 lastIndexOf() 메소드는 호출하는 문자열 내 특정 값이 등장하는 마지막 인덱스를 리턴하며, 값이 발견되지 않으면 -1을 리턴합니다.

const paragraph = 'Show me the money, big money.';

const searchTerm = 'money';

console.log(paragraph.lastIndexOf(searchTerm)); // 23

물론, 이를 배열에도 사용할 수 있습니다.

const words = ['dash', 'apple', 'bay', 'cristal', 'dash'];

const searchWord = 'dash';

console.log(words.lastIndexOf(searchWord)) // 4

indexOf()와 lastIndexOf()를 활용한 중복 확인

이를 활용하여 다음과 같이 요소의 중복 여부를 확인할 수 있습니다.

const words = ['dash', 'apple', 'bay', 'cristal', 'dash'];

for (let i = 0; i < words.length; i++) {
  if (words.indexOf(words[i]) === words.lastIndexOf(words[i])) {
    console.log(`The word '${words[i]}' is unique.`);
  }
  else console.log(`The word '${words[i]}' is duplicated.`);
}

'개발 > JavaScript' 카테고리의 다른 글

웹 스토리지 API 사용 방법 (로컬 스토리지)  (0) 2021.02.16
자바스크립트 for... in과 for.. of의 차이점에 대하여  (0) 2020.12.21
자바스크립트 join() 메소드 설명: 배열 요소를 문자열로 연결하기  (0) 2020.12.18
'개발/JavaScript' 카테고리의 다른 글
  • 자바스크립트 코드 난독화 사이트
  • 웹 스토리지 API 사용 방법 (로컬 스토리지)
  • 자바스크립트 for... in과 for.. of의 차이점에 대하여
  • 자바스크립트 join() 메소드 설명: 배열 요소를 문자열로 연결하기
휘Hwi
휘Hwi
여행, 사진, 개발, 책 이야기를 기록하는 여행자 휘의 블로그 𓂍
Klook.com
  • 휘Hwi
    휘: 끝나지 않은 이야기
    휘Hwi
  • 전체
    오늘
    어제
    • 분류 전체보기
      • 기록
        • 일상 에세이
        • 인사이트
        • 투자와 재테크
        • 코인 이야기
        • 아카이빙
        • 집무실 레터
        • 사랑에 대하여
        • 번역 이야기(完)
        • 프리랜서 일지(完)
      • 여행
        • 🌎 세계 여행기 S1 (完)
        • 🌊 삼삼한 여행기 (完)
        • 🚶 온더로드
        • 🇯🇵 일본
        • 🏝️ 발리
        • 🇻🇳 베트남
        • 🇱🇰 스리랑카
        • 🇮🇳 인도
        • 🇹🇭 태국
        • 🇸🇬 싱가포르
        • 🇦🇺 호주
        • 🇭🇰 홍콩
        • 🇰🇷 한국
        • 🍚 여행자의 한 끼
        • ℹ️ 여행 정보
      • 사진
        • 사진가
        • 사진 이론과 생각
        • 사진 관련 정보
      • 영상
        • 파이널컷 모션 공부
        • 고프로 GoPro
        • 영상 관련 정보
      • 책
        • 책 읽고 쓰기
      • 개발
        • 티스토리
        • Internet
        • HTML
        • CSS
        • JavaScript
        • Typescript
        • React
        • Node.js
        • Express
        • NestJS
        • Python
        • Django
        • MySQL
        • MongoDB
        • AWS
        • Deployment
        • Terminal
        • Git
        • Glossaries
        • Articles
        • Projects
        • TIL;
      • 미분류
  • 인기 글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
휘Hwi
자바스크립트 배열 중복 요소 확인하기: indexOf()와 lastIndexOf() 활용
상단으로

티스토리툴바