입력 | 출력 | 설명 |
let num=20; console.log(num) |
20 | num이 변수 console.log( ) 안에 변수를 넣으면 값이 출력됨 |
let num='Bob'; console.log(num) |
Bob | 숫자가 아닌 문자열도 출력 가능하다. 대신 ' ' 작은따옴표 사용 |
let a=1 let b=2 console.log(a+b) console.log(a/b) |
3 0.5 |
연산도 가능하다 |
let first='Bob' let last='Lee' console.log(first+last) cosole.log(first+' '+last) console.log(first+a) |
BobLee Bob Lee Bob1 |
문자열끼리 더해주기도 가능하고 문자-공백-문자 순으로 출력되게 써줄수도 있다 문자+숫자 형식으로도 나오게 할 수 있다 |
let num1=20 let num2=7 console.log(num1%num2) |
6 | num1%num2 는 num1을 num2로 나눈 나머지를 의미함 |
입력 | 출력 | 설명 |
let a=[ ] let b=[1,2,'hey',3] console.log(a) console.log(b[0]) console.log(b[2]) |
Array(0) 1 hey |
list는 순서대로 번호붙인 목록이고 0번부터 시작한다. let 변수=[목록1, 목록2, 목록3... ] 이렇게 대괄호 안에 써준다. 출력값에 Array(숫자)를 누르면 그 리스트 안에 있는 목록을 보여줌; 여기서 숫자는 list의 길이 b리스트에서 0번째 값=1, 첫번째 값=2, 두번째 값=hey b리스트의 n번째 값을 보고 싶다면? console.log(b[n]) 이렇게 대괄호 안에 숫자를 쓴다. |
b.push('헤이') console.log(b) console.lob(b.length) console.log(b[4]) |
Array(5) 5 헤이 |
push는 리스트에 항목을 추가하는 기능 b리스트에 '헤이'를 추가했으니 b는 [1,2,'hey',3,'헤이'] length는 리스트의 길이를 보여준다 |
let c= { } let d={'name':'Bob', 'age':21} console.log(d[name]) |
Bob | dictionary는 키와 벨류를 묶어둔 것이다. 키를 입력하면 그 키에 대응하는 벨류를 얻을 수 있다. 따라서 키는 중복될 수 없으며 언제나 문자열이다. 쓰는 법은 let 변수 ={'키1':벨류1, '키2':벨류2, ... } 이렇게 중괄호 안에 키:벨류 순으로 나열한다. 출력할 때는 변수내의 키를 대괄호 안에 써준다. console.log(변수[키1]) ->출력값은 벨류1 |
d['height']=180 console.log(d) console.log(d[height]) |
Object { 'age':21, 'height':180, 'name':'Bob' } 180 |
dictionary에 새로운 키:벨류를 추가하려면 변수['키']=벨류만 입력해주면 된다. |
info=[{ 'name':'Bob', 'age':21 },{ 'name':' Carry', 'age':45 }] console.log(info[0]['name']) console.log(info[1]['age']) |
Bob 45 |
변수=[{ },{ },{ },...] 이렇게 list가 dictionary1, dictionary2, dictionary3... 으로 구성될수도 있다. 이 때 dictionary1의 name에 해당하는 벨류를 알고 싶다면 console.log(변수[리스트 순서]['키']) |
new_info={ 'name':'John', 'age':7} info.push(new_info) console.log(info) |
Array(3) [{ 'name':'Bob', 'age':21 },{ 'name':' Carry', 'age':45 }, { 'name':'John', 'age':7} ] |
위의 list에 새로운 정보를 추가하려면 우선 새로운 정보 dictionary를 new_info라고 하고 리스트에 추가해야 하니 push를 사용 기존리스트.push(추가할 항목) |
'웹개발' 카테고리의 다른 글
파이썬에서 반복문, 함수 (0) | 2024.09.10 |
---|---|
javascript, jquery 문법연습 (1) | 2024.09.08 |
조건문 ,반복문 (0) | 2024.09.07 |
class, id, flex (0) | 2024.09.04 |
Visual studio code 단축키 및 유용한 확장프로그램 (1) | 2024.09.04 |