[JavaScript] includes 함수

안녕하세요.

이번에는 includes 함수에 대해서 알아보겠습니다.

 

includes 함수는 단어 또는 문장에서 본인이 찾고자 하는 단어가 포함되어 있는지를 확인할 수 있습니다.

 

사용 방식은 아래와 같습니다.

text.includes('찾는 단어');

 

찾는 단어가 있으면 True, 없으면 False를 반환합니다.

 

아래 코드는 다른 코드에서 사용하던 코드인데 예시용으로 가져왔습니다.

 

if 문 앞이 엄청 길어 보이지만, 전부 확인할 필요는 없습니다.

textContent로 가져온 글자에 '상승'이 포함되어 있으면, #ED3023 색으로 변경

'하강'이 포함되어 있으면, #0096FF 색으로 변경

'NEW"이 포함되어 있으면, #00CD3C 색으로 변경

아무것도 없으면 grey 색으로 변경 한다는 내용입니다.

// up, down, new, = 따라서 색 변경
rankColorChange = () => {
    const tbody = document.querySelector('tbody');
    const tr_list = tbody.children;

    for (let i = 0; i < tr_list.length; i++) {

        if(tr_list[i].children[1].children[0].textContent.includes('상승') === true) {
            tr_list[i].children[1].children[0].style.color = '#ED3023';
        } else if(tr_list[i].children[1].children[0].textContent.includes('하강') === true) {
            tr_list[i].children[1].children[0].style.color = '#0096FF';
        } else if(tr_list[i].children[1].children[0].textContent.includes('NEW') === true) {
            tr_list[i].children[1].children[0].style.color = '#00CD3C';
        } else {
            tr_list[i].children[1].children[0].style.color = 'grey';
        }
    }
}

 

 

감사합니다.