1-13 JS 문법(콘솔/변수대입/리스트/딕셔너리/Split)

콘솔 (단축키 : option + command+i)

자바스크립트를 테스트/연습해볼 수있는 도구.

새로고침하면 모두 사라짐.

 

 

console.log(변수)는 콘솔창에 변수의 값을 출력해줌.

 

변수대입   ex) a=b

• 오른쪽에 있는 것을 왼쪽에 넣는것
• let /var 로 변수를 선언한다.
• 값을 저장하는 박스로서 한번선언 했으면, 다시 선언하지 않고 값을 넣는다.
• 사칙연산,문자열 더하기가 가능

let a = 1

let b = 2

a+b // 3

a/b // 0.5

let first = 'Bob'

let last = 'Lee'

first+last // 'BobLee'

first+' '+last // 'Bob Lee'

first+a // Bob1 -> 문자+숫자를 하면, 숫자를 문자로 바꾼 뒤 수행

 

 

 

리스트 list

let a_list = []

리스트를 선언. 변수 이름은 역시 아무렇게나 가능

또는,

let b_list = [1,2,'hey',3] 로 선언 가능

b_list[1] ⇒ b_list중에 1번째 (2)를 출력

 

*리스트에 요소 넣기

b_list.push('헤이')

      → b_list // [1, 2, "hey", 3, "헤이"] 를 출력

*리스트의 길이 구하기

b_list.length 

      → 5를 출력 

 

딕셔너리 dict

let a_dict={}

let b_dict={’name’:’’bob’,’age’:21}

b_dict[name]

    → bob출력

 

b_dict[’height’]=180 ⇒ 딕셔너리에 키(height) 벨류 넣기.

b_dict

   → {name: "Bob", age: 21, height: 180}을 출력

 

 

딕셔너리 dict + 리스트 list

names = [{'name'='Erin','age'=31},{'name'='Mike','age'=19}]

// names[1]['name'] => 'Mike'

new_name = {'name':'john','age':7}

names.push(new_name)

// names의 값은? [{'name':'bob','age':20},{'name':'carry','age':38},{'name':'john','age':7}]

// names[2]['name']의 값은? 'john'

 

 

 

 

split

문자열 나누기

let myname=’Erin Ha’

let result = myname.split(’ ’)

      → [’Erin’,’Ha’]

result[1]

      → Ha

 

여러개한번에 쓰는것도 가능

let myemail = 'sparta@gmail.com'

myemail.split('@')[1].split('.')[0]                      myemail에서 '@'를 기준으로 나눈것중 1번째 (gmail.com) 에서 '.'을 기준으로 

                                                                            나눈 것 중에 0번째.   

      → gmail