반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- v-html
- MySQL
- express
- Vue transition
- 자료구조
- webpack
- vuex
- storybook
- scss
- CSS
- mapGetters
- sass
- Vue.js
- nodejs
- JavaScript
- Wecode
- TypeScript
- 쉬운설명
- react
- jsx
- 자바스크립트
- 리액트
- App.vue
- ES6
- event
- input
- State
- Vue
- 댓글달기
- HOC
Archives
- Today
- Total
익명의 개발노트
[javascript] 값 존재 유무를 확인시에는 includes를 사용해라. 본문
반응형
자바스크립트에서 0은 false의 의미를 가진다.
그러므로 배열의 0번째 색인값을 통해 찾으려고하면 값이 존재함에도 false가 된다.
const sections = ['ddd']
function show(sections){
if(sections.indexOf('ddd')){
return true;
}
return false;
}
show(sections); // false
위와 같은 코드는 아래와 같이 존재하지 않을 경우 -1인 값을 비교함으로써 값을 판별할 수 있고,
const val = ['ddd']
function show(val){
return val.indexOf('ddd') > -1
}
show(val); // true
아래와 같이 ES6 문법인 includes를 통해 판별 할수도 있다.
const val = ['ddd','ccc']
function show(val){
return val.includes('ccc');
}
show(val); // true
반응형
'코딩일기 > TIL' 카테고리의 다른 글
[vue.js] global 컴포넌트 특정 라우트 컴포넌트에서 안보이게 처리 (0) | 2020.01.23 |
---|---|
[vue.js] 모달창 메세지 두 줄 구현하기 (0) | 2020.01.21 |
[typescript] !, ? (0) | 2020.01.09 |
[typescript] vuex (0) | 2020.01.05 |
[typescript] Vue 클래스 기반 컴포넌트 만드는 법, Prop 전달하는 방법 (0) | 2020.01.03 |
Comments