ss
'Javascript' 카테고리의 글 목록
[javascript]find(), findIndex(), filter(), map(), Array.from()
배열 Method[find(), findIndex(), filter(), map(), Array.from()] 배열은 다양한 메서드를 제공합니다. 오늘은 find(), findIndex(), filter(), map(), Array.from()메서드에 대해 알아보겠습니다. 1. find() / findIndex() find()메서드는 배열 요소를 검색할 때 사용합니다. 조건에 일치하는 요소의 값을 반환하며 없을 경우 undefined를 반환합니다. findIndex()메서드는 배열 요소를 검색할 때 사용하며 인덱스로 반환하며 조건에 일치하는 값이 없을 경우 -1을 반환합니다. 번호 기본값 메서드 리턴값 * script //01. find() const arrNum = [100, 200, 300, 400,..
2022. 9. 27.
[javascript]slice(), splice(), indexOf(), lastIndexOf(), includes()
배열 Method[slice(), splice(), indexOf(), lastIndexOf(), includes()] 배열은 다양한 메서드를 제공합니다. 오늘은 slice(), splice(), indexOf(), lastIndexOf(), includes()메서드에 대해 알아보겠습니다. 1. slice() slice()메서드는 배열 요소를 다른 요소로 변경하여 배열로 반환합니다. 번호 기본값 메서드 리턴값 * script const arrNum = [100, 200, 300, 400, 500]; const result = arrNum.slice(2); document.querySelector(".sample08_N1").innerHTML = "1"; document.querySelector(".sam..
2022. 9. 27.
[javascript]concat(), reduce(), reduceRight()
배열 Method[concat(), reduce(), reduceRight()] 배열은 다양한 메서드를 제공합니다. 오늘은 concat(), reduce(), reduceRight()메서드에 대해 알아보겠습니다. 1. concat() concat()메서드는 배열의 요소를 결합하여 배열로 반환합니다. 번호 기본값 메서드 리턴값 * script const arrNum1 = [100, 200, 300]; const arrNum2 = [400, 500, 600]; const arrConcat = arrNum1.concat(arrNum2); document.querySelector(".sample06_N1").innerHTML = "1"; document.querySelector(".sample06_Q1").in..
2022. 9. 27.
[javascript]unshift(), shift(), reverse(), sort()
배열 Method[unshift(), shift(), reverse(), sort()] 배열은 다양한 메서드를 제공합니다. 오늘은 unshift(), shift(), reverse(), sort()메서드에 대해 알아보겠습니다. 1. unshift() / shift() unshift()메서드는 배열 처음 요소에 추가하여 숫자로 반환하고, shift() 메서드는 배열 처음 요소 삭제해 삭제한 요소를 반환합니다. 번호 기본값 메서드 리턴값 결과값 * script // 01.unshift() const arrNum1 = [100, 200, 300, 400, 500]; const arrNumUnshift = arrNum1.unshift(600); document.querySelector(".sample04_N1"..
2022. 9. 27.
[javascript]concat()
concat() concat() 메서드는 둘 이상의 문자열을 결합하여, 새로운 문자열을 반환합니다. 기존 문자열은 변경하지 않고 추가된 새로운 문자열을 반환합니다. "문자열".concat(문자열); "문자열".concat(문자열, 문자열...); const str1 = "javascript"; const currentStr1 = str1.concat("reference"); const currentStr2 = str1.concat(" ", "reference"); const currentStr3 = str1.concat(", ", "reference"); const currentStr4 = str1.concat(", ", "reference", ", ", "book"); const currentStr5 ..
2022. 8. 17.
[javascript]split()
split() 문자열에서 원하는 값을 추출하여 배열로 반환합니다. "문자열".split(구분자); "문자열".split(정규식 표현); "문자열".split(구분자, 갯수); const str1 = "javascript reference"; const currentStr1 = str1.split(''); //['j', 'a', 'v', 'a', 's', 'c', 'r', 'i', 'p', 't', ' ', 'r', 'e', 'f', 'e', 'r', 'e', 'n', 'c', 'e'] const currentStr2 = str1.split(' '); //['javascript', 'reference'] const currentStr3 = str1.split('', 1); //['j'] const curr..
2022. 8. 17.
[javascript]메서드 join(), push(), pop()
배열 Method[join(), push(), pop()] 배열은 다양한 메서드를 제공합니다. 오늘은 join(), push(), pop()메서드에 대해 알아보겠습니다. 1. join() Method join() Method 통해 배열의 모든 요소를 결합해 하나의 문자열로 만들 수 있습니다. 번호 기본값 메서드 리턴값 * script const arrNum = [100, 200, 300, 400, 500]; const text1 = arrNum.join(''); const text2 = arrNum.join(' '); const text3 = arrNum.join('*'); const text4 = arrNum.join('-'); 2. push() Method push() Method는 배열의 끝에 하나..
2022. 8. 11.
