본문 바로가기
728x90
반응형

Javascript4

[JavaScript] function 선언적 함수 function 함수명 () { } const 함수명 = function () { } 2022. 12. 20.
[JavaScript] array 배열 배열선언 const array = [273, 'String', true, function () { }, {}, [273, 103]] 이런식으로 [] 안에 선언 push push하면 맨 뒷부분에 추가 된다. 배열.push(요소) 인덱스를 지정해서 삽입하기 비어있는 값은 empty로 출력된다. splice 배열.splice(인덱스, 제거할 요소의 개수) indexOf 요소의 위치값 확인 const itemsB = ['사과', '배', '바나나'] const index = itemsB.indexOf('바나나') index itemsB.splice(index, 1) itemsB itemsB.indexOf('바나나') 바나나는 배열에 없으므로 -1을 출력한다. ◦배열의 특정 위치에 요소 추가 배열.splice(인.. 2022. 12. 20.
[JavaScript] CallBack 콜백함수 2초가 지나면 result에 10이 더해져 값이 찍히는 함수 function increase(number, callback){ setTimeout(()=>{ const result = number+10; if(callback){ callback(result); } }, 2000) } increase(0, result=>{ console.log(result); }) 이 함수를 반복하고 싶을 때는 어떻게 해야 할까 EX01. CallBack함수 increase(0, result=>{ console.log(result); increase(result, result=>{ console.log(result); increase(result, result=>{ console.log(result); }) }) }) 이.. 2022. 12. 14.
[REACT/JavaScript] map() map() JavaScript의 표준 내장 객체 Array의 메소드 prototype.map()이다. 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다. 형식 arr.map(callback(currentValue[, index[, array]])[, thisArg]) Ex01. import { useState } from "react"; const IterationSample = () => { const names = ['눈사람', '호빵', '눈', '바람']; const nameList = names.map( (currentValue, index, array) => currentValue={currentValue} index={index} array={arr.. 2022. 12. 8.
728x90
반응형

티스토리툴바