본문 바로가기
프로그래밍 언어/Javascript

기초 문법 (변수선언, 리스트, 딕셔너리)

by 진진리 2023. 9. 14.
728x90
  • <script> ... </script>에 작성, onclick="함수명"
<script>
	function hey() {
		console.log('안녕하세요')
	}
</script>

<body>
	<button onclick="hey()">영화 기록하기</button>
</body>

'영화 기록하기'라는 버튼을 누를 때 hey() 함수가 실행됨


  • 변수 선언: let 변수명
let a = 2
let b = 3

console.log(a+b) // 5

let c = '대한'
let d = '민국'

console.log(c+d) // 대한민국

사칙연산, 문자열 더하기가 기본적으로 가능

 

  • 리스트: 순서를 가지고 있는 형태
let a_list = []  // 리스트를 선언. 변수 이름은 역시 아무렇게나 가능!

// 또는,

let a = ['사과','수박','딸기','감'] // 로 선언 가능

console.log(a[1]) // 수박
console.log(a[0]) // 사과

//리스트 길이 구하기
console.log(a.length) //4
  • 딕셔너리: Key-Value 값의 묶음
let a_dict = {}  // 딕셔너리 선언. 변수 이름은 역시 아무렇게나 가능!

// 또는,

let a = {'name':'영수','age':27} // 로 선언 가능

console.log(a)
console.log(a['name']) // 영수
console.log(a['age']) // 27
  • 리스트와 딕셔너리의 조합
let a = [
	{'name':'영수','age':27},
	{'name':'철수','age':15},
	{'name':'영희','age':20}
]
console.log(a[0]['name']) //영수
console.log(a[1]['age']) //15

그 외

  • 특정 문자로 문자열을 나누고 싶은 경우: split('특정 문자')
또, 특정 문자로 문자열을 나누고 싶은 경우

let myemail = 'sparta@gmail.com'

let result = myemail.split('@') // ['sparta','gmail.com']

result[0] // sparta
result[1] // gmail.com

let result2 = result[1].split('.') // ['gmail','com']

result2[0] // gmail -> 우리가 알고 싶었던 것!
result2[1] // com

myemail.split('@')[1].split('.')[0] // gmail -> 간단하게 쓸 수도 있다!

'프로그래밍 언어 > Javascript' 카테고리의 다른 글

Firebase 이용: 데이터를 보내고 가져오는 경우  (0) 2023.09.14
document ready  (0) 2023.09.14
JSON, GET, Fetch  (0) 2023.09.14
DOM, JQuery  (0) 2023.09.14
반복문과 조건문  (0) 2023.09.14