코딩연습장

trim() : 문자열 양쪽 끝의 공백을 없앤다.let st = " 안녕 "st.trim()// st = "안녕"필요없는 공백이나 줄바꿈을 없앨 수 있다. split() : 문자열을 특정 문자로 구분하여 나눌 수 있다.let st = "안녕나는개발자야!"st.split('\n')//st = ["안녕", "나는", "개발자", "야!"]원하는 문구를 기준으로 문자열을 나누어 배열화 시킬 수 있다.  Math.random() : 0~1사이 랜덤한 난수를 만들 수 있다.let num = Math.random()//num = 0.1235512843265462random 메소드를 사용하여 암호화가 필요한 코드에 사용할 수 있다.다만, 만에하나라는 생각으로 난수생성 라이브러리를 사..

toFixed() 로 숫자 N번째 자릿수까지 반올림하여 출력한다.const l = 123.456798l.toFixed(2)>'123.46' isNaN(), isFinite()로 NaN(Not a Number)인지 Infinity(무한)이 아닌지 확인할 수 있다.NaN != NaN이기때문에 isNaN()으로 확인해야한다.const m = Number('숫자로 변환불가')m === NaN>falseNumber.isNaN(m)>trueconst n = 10/0InfinityNumber.isfinite(n)>Falseconst l = -10/0-InfinityNumber.isfinite(l)>FalseisFinite는 유한할때 true이고 무한일때 false이다.

배열엔 '인덱스'와 '요소'가 있듯이, 객체에는 '키'와 '밸류'가 있다.let arr = [0,1,2,3,4]let dict = { '가':'나', '다':'라', '마':'바', '사':'아', '자':'차'}밸류에 접근하기 위해선 배열에서 인덱스를 사용한것과 비슷하게 사용할수도 있다.let dict = { '가':'나', '다':'라', '마':'바', '사':'아', '자':'차'}dict['가'] >>> '나'dict.가 >>> '나' 객체의 속성 중 함수 자료형인 속성을 메소드라 한다. 또한 메소드 안에서 this를 사용하여 객체의 자료를 사용할 수 있다.const pet = { name: '구름', eat: function (..

setTimeout(함수, 시간) // 특정 시간 후에 함수를 한 번 호출한다.setInterval(함수, 시간) // 특정 시간마다 함수를 호출한다. setTimeout(() => { console.log('1초 후에 실행됩니다.')}, 1000)let count = 0setInterval(()=?{ console.log(`1초마다 실행됩니다.(${count}번째)`) count++}, 1000)//1초 후에 실행됩니다.//1초마다 실행됩니다.(0번째)//1초마다 실행됩니다.(1번째)//1초마다 실행됩니다.(2번째)//1초마다 실행됩니다.(3번째)...clearTimeout(타이머_ID) // setTimeout() 함수로 설정한 타이머를 제거합니다.clearInterval(타이머_ID) // s..

전에 사용한 map(), filter()메소드를 쉽게 사용하고자 화살표 함수를 사용한다.(매개변수) => {} map()의 콜백함수로 화살표함수를 사용한다면 이렇게 사용한다.const array = [0,1,2,3,4,5,6,7,8,9]array.map((value) => value*value )//(10) [0,1,4,9,16,25,36,49,64,81]const array = [0,1,2,3,4,5,6,7,8,9]array .filter((value)=> value%2 ===0) .map((value) => value*value) .forEach((value) => { console.log(value) })//0//4//16//36//64 이전에 프로젝트에서 사용했던 코드가 있..

자바스크립트에서 함수도 하나의 자료형이므로 매개변수로 전달할 수 있는데, 함수를 매개변수로 전달하는 함수를 콜백함수라 합니다.function callThreeTimes (callback) { for (let i =0; i callThreeTimes(function (i) { console.log(`${i}번째 함수 호출`)})이렇게 익명함수 형태로 작성할 수도 있다. 콜백함수는 forEach(), map(), filter()에 주로 사용된다.let numbers = [273, 52, 103, 32, 57]numbers.forEach(function (value, index, array) { console.log(`${index}번째 요소 : ${value}`)})//0번째 요소: 273//1번째 요소: ..

함수를 호출할 때 매개변수의 개수가 고정적이지 않은 함수를 가변 매개변수 함수라고 한다.이럴땐 나머지 매개변수라는 형태의 문법을 사용해야한다.function 함수이름(...나머지매개변수) {}매개변수 앞에 ...을 입력하면 매개변수들이 배열로 들어온다.function sample(...items) { console.log(items)}sample(1,2)sample(1,2,3)sample(1,2,3,4)//Array(2)//Array(3)//Array(4) 나머지 매개변수와 일반 매개변수도 같이 조립할 수 있다.function sample(a, b, ...c) { console.log(a,b,c)}sample(1,2)sample(1,2,3)sample(1,2,3,4)//1 2 []//1 2 [3]//1 ..

f(x)에서 f()는 함수이고 x는 매개변수이다.함수의 결과값을 출력값이라 한다. 익명함수는 다음과 같이 나타낸다.function () { 명령}const func = function () { console.log('익명함수') console.log('익명함수') console.log('익명함수') } func() console.log(typeOf 함수)console.log(함수)//익명함수//익명함수//익명함수//function//f () {// console.log('선언적 함수')// console.log('선언적 함수')// console.log('선언적 함수')//}이렇게 상수나 변수를 선언해 안에 익명함수를 담아두는 형태로 작성하며, 변수()형식으로 함수를 실행한다. 선언적..

for (let i =0; true; i++) { alert('반복!') const isContinue = confirm('반복하시겠습니까?') if (!isContinue) { break }}while반복문은 아래와 같이 사용한다.이렇게 횟수를 기준으로 반복할 때는 코드를 간결히 작성할 수 있는 for문이 더 적합하다.while문은 조건에 큰 비중이 있을 때 사용하는것이 좋다.예를들어 특정 시간동안 어떤 데이터를 받을 때 까지, 배열에서 어떠한 요소가 완전히 제거될 때까지 등 조건일 때 사용한다. switch와 동일하게 반복문은 break 키워드를 사용하여 반복문을 벗어날 수 있다.> let i = 0> const array = [1, 2, 3, 4, 5]> while (..

for in 반복문은 다음과 같이 사용한다.for (const 반복변수 in 배열 또는 객체) { 명령문}배열 혹은 객체의 요소를 하나하나 꺼내서 특정 문장을 실행할 때 사용한다.> const todos = ['우유 구매', '업무 메일 확인하기', '필라테스 수업']> for (const i in todos) { console.log(`${i}번째 할 일: ${todos[i]}`) } for of 반복문은 다음과 같이 사용한다.for (const 반복변수 of 배열 또는 객체) { 명령문}요소의 값을 반복할 때 사용한다.> const todos = ['우유 구매', '업무 메일 확인하기', '필라테스 수업']> for (const todo of todos) { console.log(`오늘의 할 일: ..