비전공자 개발일기

Javascript 본문

Javascript

Javascript

HiroDaegu 2021. 7. 14. 23:02
728x90
SMALL

Interval

-> setIntercal(함수명, 시간<단위:ms>): 반복
-> setTimeout(함수명, 시간<단위:ms>): 한 번

문자 출력 형태 길이 변경 함수

-> .padStart(max length, 추가하고 싶은 문자)  <=> .padEnd(min length, 추가하고 싶은 문자)

number 타입을 string 타입으로 바꾸는 방법

String(number 데이터)
new Date( ).getHours( ) => 16
String(new Date( ).getHours( ) ) => "16"

string 타입을 number 타입으로 바꾸는 방법
Number(string 데이터)

vs code 단축키 Ctrl + D  -> 특정 문자열 N개를 한번에 수정

Math.round(1.11) -> 소수점 이하 반올림    /// 1
Math.ceil(1.11) -> 소수점 이하 올림          /// 2
Math.floor(1.11) -> 소수점 이하 내림        /// 1

Math.random( ) -> 0~1 사이의 임의 숫자 랜덤으로 반환 (0.xxxxxx)

JS로 0부터 9까지의 숫자를 얻는 방법
Math.floor(Math.random( ) * 10 )

배열 길이 확인 변수명.length

js에서 html 생성 -> .documnet.createElement("태그 등")
const images = ["0.jpg", "1.jpg","2.jpg"]

const chosenImage = images[Math.floor(Math.random() * images.length)]

const bgImage = document.createElement("img")
bgImage.src=`img/${chosenImage}`
document.body.appendChild(bgImage)

배열, 객체 등 -> 문자화
JSON.stringify(배열, 객체)
JSON.parse(문자타입)

화살표 함수: (item) => console.log("This is the turn of",item) 

배열에서 항목을 지운다 = 지우고 싶은 항목을 제외하고 새로운 배열은 만드는 것
function Filter(){
  return true
}

[1,2,3,4,5].filter(Filter)  // [1,2,3,4,5]

function Filter(){
  return false
}

[1,2,3,4,5].filter(Filter)  // [ ] 

function Filter(item){ 
  return item !== 3
}

[1,2,3,4,5].filter(Filter) // [1,2,4,5]        

[1,2,3,4,5].filter((item) => {return item !== 3})


(4) [1, 2, 4, 5]

parseInt(li.id)  => 문자형을 숫자형으로 변경

navigator.geolocation.getCurrentPosition(성공 시 함수, 에러 발생 시 함수)

openweathermap 사용시 API KEY, LON, LAT 필수

728x90
LIST

'Javascript' 카테고리의 다른 글

Javascript  (0) 2021.07.18
Javascript  (0) 2021.07.16
Javascript  (0) 2021.07.15
Javascript  (0) 2021.07.13
Javascript  (0) 2021.07.12