웹개발

Javascript 기본문법-변수, 연산, list, dictionary

content0474 2024. 9. 5. 16:34

 

입력 출력 설명
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