배열 안에 특정 값이 있는지 확인하는 방법을 소개합니다. 배열에 어떤 값을 추가할 때, 이미 추가되어있는지 확인이 필요합니다.
1. includes()로 특정 요소가 배열에 있는지 확인
Array.includes()는 인자로 전달된 요소가 배열에 포함되어있는지 확인합니다. 배열 안에 있으면 true, 없으면 false를 리턴합니다.
let arr1 = [1, 2, 3, 4];
if (arr1.includes(3)) {
console.log("It has 3");
}
if (!arr1.includes(5)) {
console.log("It doesn't have 5");
}
Output:
It has 3
It doesn't have 5
2. indexOf()로 특정 값이 배열에 있는지 확인
Array.indexOf()
는 인자로 전달된 요소가 배열에 포함되어있으면 요소의 위치에 해당하는 Index를 리턴합니다. 없으면 -1을 리턴합니다.
let arr1 = [1, 2, 3, 4];
if (arr1.indexOf(3) > -1) {
console.log("It has 3");
}
if (arr1.indexOf(5) == -1) {
console.log("It doesn't have 5");
}
Output:
It has 3
It doesn't have 5
3. findIndex()로 특정 값이 배열에 있는지 확인
findIndex()
는 인자로 함수를 전달하며, 모든 요소를 순회하는 과정에서 함수의 조건을 가장 먼저 만족하는 인자의 Index가 리턴됩니다. 어떤 요소도 만족하지 않는다면 -1이 리턴됩니다.
let arr1 = [1, 2, 3, 4];
if (arr1.findIndex(n => n == 3) > -1) {
console.log("It has 3");
}
if (arr1.findIndex(n => n == 5) == -1) {
console.log("It doesn't have 5");
}
Output:
It has 3
It doesn't have 5
Loading script...
Related Posts
- Javascript - 현재 날짜/시간을 항상 한국 기준으로 가져오기
- Javascript - 문자열 사이에 문자 넣기
- Javascript - 버튼 활성화/비활성화 시키는 방법
- Javascript - 버튼 이름 변경하기
- Javascript - div 안의 내용 가져오기, 변경, 추가, 삭제
- Javascript - <ol>, <ul>에 <li> 동적 추가, 삭제
- Javascript - div 생성, 추가, 삭제 방법
- Javascript - 테이블 행(tr) 숨기기, 보이기
- Javascript - div에 링크 거는 방법
- Javascript - 자식 요소(element) 개수 확인
- Javascript - 요소(element) 복사, 붙여넣기
- Javascript - div에 클릭 이벤트(onclick) 설정 방법
- Javascript - 체크박스 선택/해제 시, 텍스트박스 활성화/비활성화
- Javascript - input 숫자만 입력받도록 설정
- Javascript - 자식 노드 모두 제거
- Javascript - 체크박스 선택, 해제 방법
- Javascript - input text 값 가져오기
- JavaScript - 문자열을 배열(Array)로 변환
- JavaScript - 특정 문자열의 포함 여부 확인 (includes, 정규표현식)
- JavaScript - 문자열 비교 방법, 5가지
- JavaScript - 문자열 바꾸기(replace, 정규식 치환)
- JavaScript - 배열 전체 출력 (for, forEach, for in, for of)
- JavaScript - 한번만 실행되는 함수 (once: true)
- JavaScript - 선택된 checkbox 값 가져오기
- JavaScript - element(버튼, div) 보이기 숨기기
- JavaScript - 숫자를 배열로 변경하는 방법
- JavaScript - div, 태그 안의 내용 가져오기
- JavaScript - 부모, 형제, 자식 element 찾기
- JavaScript - 클래스 이름으로 element 찾는 방법
- JavaScript Array find() 함수
- JavaScript Array splice() 함수
- JavaScript의 contains() 함수
- JavaScript sort() 함수, 예제 소개
- JavaScript - Set 생성 및 초기화
- JavaScript Set add() 함수