반응형
❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤
함수
기본 함수 선언식
자바와 같이 매개변수와 리턴값은 옵션
function 함수명 (매개변수){
기능 return
}
익명함수// 함수 기능을 변수 안에다 넣는것
const 함수명 = function(매개변수) {
기능
}
화살표 함수 (콜백함수)
**실무에서 가장 자주쓰임**
const 함수명 = (매개변수) => {
기능
// => 표시가 Function과 같은 의미이다
}
어떤 메서드나 함수 내부에 담기는 함수이다 익명함수라고도 한다
함수 선언식은 3가지 이지만 실행 방법은 모두 동일하다
함수명 () , 함수명(매개변수)
내장함수
- 시간 지연 함수 : setTimeout(func, time)
일정 시간 지연 후 함수를 실행한다 - 시간 반복 함수 : setInterval(func, time)
일정 시간 마다 반복한다
시간 입력 시 ms 단위로 입력하며 1초에 1000ms 이다
func 에 익명함수를 작성해도 되거나, 기존 정의된 함수를 넣어도된다(콜백함수)
함수 선언식은 3가지 이지만 실행 방법은 모두 동일하다 함수명()
수학객체 Math
최댓값 : Math.max()
최솟값 : Math.min()
반올림 : Math.round
올림 : Math.ceil
버림 : Math.floor
랜덤 : Math.random()
루트 : Math.sqrt()
랜덤함수 예제
const number = Math.random() // 0.787282
const token = Math.floor(number * 1000000) // 787282
console.log("휴대폰 인증 번호 : " + token) // 휴대폰 인증 번호 : 787282
이렇게 하면 6자리가 나오지 않고 5자리가 나올때가 있다
이유는 0.000325처럼 소수점 첫 숫자가 0으로 시작할때 그렇다
그 부분을 대비하여 조금 다르게 세팅해야한다
const number = Math.random()
const token = Math.floor(number * 1000000)
const paddedtoken = String(token).padStart(6,"0")
padStart로 6자리를 지정하고,
빈자리는 0으로 채우기
token을 String으로 형변환 시켜 숫자타입이 아닌 문자열타입으로 형변환
배열메서드
push() : 배열 요소 삽입
pop() : 배열에 가장 마지막 요소 삭제
includes() : 배열에 특정 데이터가 있는지 확인후 Boolean값 리턴
indexOf() : 특정 데이터와 일치한 요소의 인덱스 값을 찾아 반환
객체 Object
예제 let userData = {
name : 'jason' ,
age : 25,
gender : 'Male'
};
Key : Value 값으로 저장한다 파라미터 = 속성 이라고 보면된다
접근 방법
- Dot notation (참조 개념 , 할당가능)
- Bracket notation (객체명 [“데이터”])
메서드
Object.keys() : key를 리턴해준다 , String 배열로 가져온다
Object.values() : 값 만 가져온다
개발공부중인 개린이의 포스팅 입니다📝
반응형
'👩🏻💻 𝐋𝐚𝐧𝐠𝐮𝐚𝐠𝐞 > ⠀⠀⠀⠀ JᴀᴠᴀSᴄʀɪᴘᴛ' 카테고리의 다른 글
🌱Inflearn🌱 호이스팅 (0) | 2023.12.19 |
---|---|
🌱Inflearn🌱 자료형 간단 정리 (0) | 2023.12.19 |
🌱Inflean🌱 DOM (1) | 2023.12.18 |
🌱Inflean 🌱 자바스크립트 (0) | 2023.12.18 |
2023/12/11🕹️ 드디어 JavaScript를 시작하다 (1) | 2023.12.11 |