Javascript에 관한글 (41)
배열 메서드 : filter() : 조건에 만족하는 배열 요소 검색 : 반환 (배열)

const arrNum = [100,200,300,400,500]; const result = arrNum.filter(el => el === 300); document.querySelector(".sample12_M1").innerHTML = "filter(el => el === 300)"; console.log(result); const arrNum2 = [100,200,300,400,500]; const result2 = arrNum2.filter(el => el === 600); document.querySelector(".sample12_M2").innerHTML = "filter(el => el === 600)"; console.log(result); const arrNum3 = [100,20..
Javascript/배열 객체
배열 메서드 : find()/findIndex() : 배열 요소 검색 : 반환 (요소)

const arrNum = [100,200,300,400,500]; const result = arrNum.find(el => el === 300) document.querySelector(".sample11_M1").innerHTML = "find(el => el === 300)"; const result2 = arrNum.find(el => el === 600) document.querySelector(".sample11_M2").innerHTML = "find(el => el === 600)"; const arrText = ["javascript","react","vue"]; const result3 = arrText.find(el => el === "javascript"); document.que..
Javascript/배열 객체
배열 메서드 : indexOf()/lastIndexOf()/includes() : 배열 요소 검색하기 : 반환 (숫자)

const arrNum = [100,200,300,400,500]; const arrindex = arrNum.indexOf(200); document.querySelector(".sample10_M1").innerHTML = "indexOf(200)"; const arrNum2 = [100,200,300,400,500]; const arrindex2 = arrNum2.indexOf(300); document.querySelector(".sample10_M2").innerHTML = "indexOf(300)"; const arrNum3 = [100,200,300,400,500]; const arrindex3 = arrNum3.indexOf(600); document.querySelector(".sampl..
Javascript/배열 객체
배열 메서드 : splice() : 배열 요소를 다른 요소로 변경 : 반환 (배열)

const arrNum = [100,200,300,400,500]; const result = arrNum.splice(2); document.querySelector(".sample09_M1").innerHTML = "splice(2)"; const arrNum2 = [100,200,300,400,500]; const result2 = arrNum2.splice(2,3); document.querySelector(".sample09_M2").innerHTML = "splice(2,3)"; const arrNum3 = [100,200,300,400,500]; const result3 = arrNum3.splice(2,3,'javascript'); document.querySelector(".sample0..
Javascript/배열 객체
배열 메서드 : slice() : 배열 요소를 다른 요소로 변경 : 반환 (배열)

const arrNum = [100,200,300,400,500]; const result = arrNum.slice(2); document.querySelector(".sample08_M1").innerHTML = "slice(2)"; const result2 = arrNum.slice(2,3); document.querySelector(".sample08_M2").innerHTML = "slice(2,3)"; const result3 = arrNum.slice(2,4); document.querySelector(".sample08_M3").innerHTML = "slice(2,4)"; const result4 = arrNum.slice(2,5); document.querySelector(".sampl..
Javascript/배열 객체
배열 메서드 : reduce()/reduceRight() : 배열 요소를 하나로 정리 : 반환 (결괏값)

const arrNum1 = [100,200,300,400,500]; const arrReduce1 = arrNum1.reduce(element => element) document.querySelector(".sample07_M1").innerHTML = "reduce(element => element)"; const arrNum2 = [100,200,300,400,500]; const arrReduce2 = arrNum2.reduce((previous,current) => previous+current); document.querySelector(".sample07_M2").innerHTML = "reduce((p,c) => p+c)"; const arrNum3 = [100, 200, 300, 400..
Javascript/배열 객체
배열 메서드 : concat() : 배열 요소 결합 : 반환 (배열)

const arrNum1 = [100,200,300]; const arrNum2 = [400,500,600]; const arrconcat = arrNum1.concat(arrNum2); document.querySelector(".sample06_M1").innerHTML = "arrNum1.concat(arrNum2)"; const arrSpread = [...arrNum1,...arrNum2]; document.querySelector(".sample06_M2").innerHTML = "[...arrNum1,...arrNum2]"; 더보기 {결괏값} 100,200,300,400,500,600 100,200,300,400,500,600
Javascript/배열 객체
배열 메서드 : unshift()/shift() : 배열 처음 요소 삭제 : 반환 (삭제된 요소)

const arrNum = [100, 200, 300, 400, 500]; const arrNumUnshift = arrNum.unshift(600) document.querySelector(".sample04_M1").innerHTML = "Unshift(600)"; const arrNum = [100, 200, 300, 400, 500]; const arrNumshift = arrNum.shift() document.querySelector(".sample04_M2").innerHTML = "shift()"; 더보기 {결괏값} 6 200,300,400,500
Javascript/배열 객체
1 2 3 4 5 6
© 2018 webstoryboy