SBDB_뉴유 SBDB_뉴유

배열 메서드 findIndex() 정의 및 사용법 findIndex() 메서드는 각 배열 요소에 대해 함수를 실행합니다. findIndex() 메서드는 테스트를 통과한 첫 번째 요소의 인덱스(위치)를 반환합니다. findIndex() 메서드는 일치하는 항목이 없으면 -1을 반환합니다. findIndex() 메서드는 빈 배열 요소에 대해 함수를 실행하지 않습니다. findIndex() 메서드는 원래 배열을 변경하지 않습니다. 구문 array.findIndex(function(currentValue, index, arr), thisValue) 반환 값 배열(테스트를 통과한 첫 번째 요소의 인덱스입니다. 그렇지 않으면 -1을 반환합니다.)

배열 메서드 find() 정의 및 사용법 find() 메서드는 테스트를 통과한 첫 번째 요소의 값을 반환합니다. find() 메서드는 각 배열 요소에 대해 함수를 실행합니다. 요소가 발견되지 않으면 undefined이 반환 됩니다 find() 메서드는 빈 요소에 대해 함수를 실행하지 않습니다. find() 메서드는 원래 배열을 변경하지 않습니다. 구문 array.find(function(currentValue, index, arr),thisValue) 반환 값 배열(테스트를 통과한 첫 번째 요소의 값입니다. 그렇지 않으면 undefined을 반환합니다.)

배열 메서드 filter() 정의 및 사용법 filter()메서드는 함수에서 제공하는 테스트를 통과하는 요소로 채워진 새 배열을 만듭니다. filter()빈 요소에 대해 함수를 실행하지 않습니다. filter()방법은 원래 배열을 변경하지 않습니다. 구문 array.filter(function(currentValue, index, arr), thisValue) 반환 값 배열(테스트를 통과한 요소를 포함합니다. 테스트를 통과한 요소가 없으면 빈 배열을 반환합니다.)

배열 메서드 fill() 정의 및 사용법 fill()메서드는 배열의 지정된 요소를 값으로 채웁니다. fill()메서드는 원래 배열을 덮어씁니다. 시작 및 종료 위치를 지정할 수 있습니다. 그렇지 않으면 모든 요소가 채워집니다. 구문 array.fill(value, start, end) 반환 값 배열(채워진 배열입니다.)

배열 메서드 every() 정의 및 사용법 every() 메서드는 각 배열 요소에 대해 함수를 실행합니다. every()가 메서드는 함수가 모든 요소에 대해 참이면 true를 반환합니다. every() 메서드는 빈 요소에 대하여 실행하지 않습니다. every() 메서드는 원래 배열을 변경하지 않습니다. 구문 array.every(function(currentValue, index, arr), thisValue) 반환 값 불린(true모든 요소가 테스트를 통과하면 그렇지 않으면 false.)

배열 메서드 entries() 정의 및 사용법 entries()메서드는 키/값 쌍이 있는 Array Iterator 객체를 반환합니다. entries()방법은 원래 배열을 변경하지 않습니다. 구문 array.entries() 반환 값 배열(키/값 쌍이 있는 배열입니다.)

배열 메서드 copyWithin() 정의 및 사용법 copyWithin() 메서드는 배열 요소를 배열의 다른 위치에 복사합니다. copyWithin() 메서드는 기존 값을 덮어씁니다. copyWithin() 메서드는 배열에 항목을 추가하지 않습니다. 구문 array.copyWithin(target, start, end) 반환 값 배열(변경된 배열입니다.)

배열 메서드 concat() 정의 및 사용법 concat()메서드는 둘 이상의 배열을 연결(조인)합니다. concat()메서드는 결합된 배열을 포함하는 새 배열을 반환합니다. concat()방법은 기존 어레이를 변경하지 않습니다. 구문 array1.concat(array2, array3, ..., arrayX) 반환 값 배열(결합된 배열입니다.)

자바스크립트 주석 JavaScript 주석은 JavaScript 코드를 설명하고 더 읽기 쉽게 만드는 데 사용할 수 있습니다. JavaScript 주석은 대체 코드를 테스트할 때 실행을 방지하는 데 사용할 수도 있습니다. 한 줄 주석 한 줄 주석은 //로 시작합니다. //로 시작하는 행의 모든 텍스트는 JavaScript에서 무시됩니다(실행되지 않음). 여러 줄 주석 여러 줄 주석은 /*로 시작하고 */로 끝납니다. /*와 */ 사이의 모든 텍스트는 JavaScript에서 무시됩니다. 주석을 사용하여 실행 방지 코드 실행을 방지하기 위해 주석을 사용하는 것은 코드 테스트에 적합합니다. 코드 라인 앞에 //을 추가하면 코드 라인이 실행 가능한 라인에서 주석으로 변경됩니다.

자바스크립트 출력 - 실습 HTML 요소의 변경 - innerHTML 사용하기 5+6 5+6 단순 입력(테스트용) - document.write() 사용하기 알림 상자 - window.alert() 사용하기 디버깅 - console.log() 사용하기 document.getElementById("change1").innerHTML = 5 + 6; document.write(5 + 6); window.alert(5 + 6); console.log(5 + 6); 이론학습

자바스크립트 출력 JavaScript는 다양한 방식으로 데이터를 표시할 수 있습니다. HTML 요소의 변경 - innerHTML 사용하기 예시 innerHTML 속성은 HTML에 요소의 데이터를 변경하는 일반적인 방법입니다. ~.innerHTML = 5 + 6; : ~에 HTML 요소를 "5 + 6"으로 변경합니다. 단순 입력(테스트용) - document.write() 사용하기 예시 document.write() 메서드는 테스트용으로만 사용해야 합니다. document.write(5 + 6); : 하단에 "5 + 6"을 입력합니다. 알림 상자 - window.alert() 사용하기 예시 window 키워드는 생략할 수 있습니다. window.alert(5 + 6); : 알람으로 "5 + 6"이 등장합니..

//만약에 reveal 클래스가 있는데 //글씨를 span으로 감싸주고 //글씨를 다 넣어줘요 함 document.querySelectorAll(".content__item__desc").forEach(desc => { let descAf = desc.innerHTML; //console.log(descAf); //console.log(descAf.includes("span")) if(descAf.includes("span")){ desc.innerHTML = descAf } else { let descBe = "" + descAf + ""; desc.innerHTML = descBe; } }) //document.querySelectorAll(".content__item__desc").forEach(d..