본문 바로가기
Develop/Java Script

[JavaScript] 자바스크립트 문법

by 모두모두파이팅 2022. 4. 27.

 

■ 변수

let a = 2

(f(x) 함수)

(explanation: a라는 박스를 꺼내서 2를 담았습니다.)

undefined

 

a+3

5

 a=5

5

 a+3

8

undefined

 

let first_name = 'Gil Dong'

undefined

 

let last_name = lee

VM876:1 Uncaught ReferenceError: lee is not defined

    at <anonymous>:1:17


 

let last_name = 'Hong'

undefined

 

first_name + last_name

'Gil Dong Hong'

 

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

 

■ 자료형

  

a_list

let a_list = ['수박','참외','']

undefined

(0번째가 수박, 1번째가 참외, 3번째가 배이다.)

a_list[0]

'수박'

a_list[1]

'참외'

a_list[2]

''

a_list[3]

undefined

 

----------------------------------------------------------------------------------------------------------------------------------

 

a_dict

 let a_dict = {'name':'bob','age':27}

undefined

a_dict['name']

'bob'

a_dict['age']

27

 

a_dict['height'] = 180

180

 

a_dict

{name: 'bob', age: 27, height: 180}

undefined

 

a_dict['fruits'] = a_list

(3) ['수박', '참외', '']

 

a_dict

{name: 'bob', age: 27, height: 180, fruits: Array(3)}

undefined

 

a_dict

{name: 'bob', age: 27, height: 180, fruits: Array(3)}

a_dict['fruits'][2]

''

 

 

let a = 100

undefined

a%8

4

a%3

1

a < 150

true

a > 200

false

a == 100

true

a != 100

false


----------------------------------------------------------------------------------------------------------------------------------

 

let myemail

 

let myemail = 'sparta@gmail.com'

undefined

 

myemail.split('@')

(2) ['sparta', 'gmail.com']

 

myemail.split('@')[1]

'gmail.com'

 

myemail.split('@')[1].split('.')

(2) ['gmail', 'com']

 

myemail.split('@')[1].split('.')[0]

'gmail'

 

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

 

■ 함수

function sum(num1, num2){

    return num1+num2

}

 

let result = sum(2,3)

undefined

 

result

5

 

----------------------------------------------------------------------------------------------------------------------------------

  

function mysum(num1,num2){

alert('안녕!')

    return num1+num2

 }

 undefined

 

let result2 = mysum(2,3)

undefined

 

result2

5

 

 

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

 

 

■ 조건문

 

if

 let age = 24 

undefined

 

if (age> 20) {

    console.log('성인입니다.')

}   else{

    console.log('청소년입니다.')

}

성인입니다.

 

 

let sex = '남성'

undefined

if (age> 20 && sex == '남성') {

    console.log('성인 남성입니다.')

}   else{

    console.log('청소년입니다.')

}

성인 남성입니다.

 

 

if (age > 20) {

    console.log('성인입니다.')

}   else if (age > 7) {

    console.log('청소년입니다.')

}   else {

     console.log('아동입니다.')

}

성인입니다.

 

 ------------------------------------------------------------------------------------------------------------------- 

 

반복문

 

● 반복문 예제 1 – 수작업을 반복조건으로 만들어주기

 for (let i = 0;   i < 100;   i++) {     

console.log(i);

}

 

 -------------------------------------------------------------------------------------------------------------------

 

● 반복문 예제 2 – 모든 원소를 한 번에 출력하기

 let people = ['철수','영희','민수','형준','기남','동희']

undefined

people.length  

6

  

for (let i = 0 ;   i < people.length ;   i++) { 

        console.log(people[i])

}

철수

영희

민수

형준

기남

동희

 

----------------------------------------------------------------------------------------------------------------------------------

 

● 반목문 예제 3

 let scores = [

{'name':'철수', 'score':90},  //0번째

{'name':'영희', 'score':85},  //1번째

{'name':'민수', 'score':70},  //2번째

{'name':'형준', 'score':50},  //3번째

{'name':'기남', 'score':68},  //4번째

{'name':'동희', 'score':30},  //5번째

] 

undefined

 

scores[0]

{name: '철수', score: 90}

 

scores[1]

{name: '영희', score: 85}

 

scores[1]['score']  

85

 

 -------------------------------------------------------------------------------------------------------------------

 

반목문 예제 4 – 이제는 스코어로 값을 출력해보자.

 

scores

(6) [{…}, {…}, {…}, {…}, {…}, {…}]

 

 

for (let i = 0; i < scores.length; i++) {    

           console.log(scores[i]);      

}

 

{name: '철수', score: 90}

{name: '영희', score: 85}

{name: '민수', score: 70}

{name: '형준', score: 50}

{name: '기남', score: 68}

{name: '동희', score: 30}

undefined

 

----------------------------------------------------------------------------------------------------------------------------------

 

반복문 예제 5 – 스코어에서 이름만 출력해보자.

 

for (let i = 0; i < scores.length; i++) {

           console.log(scores[i]['name']);

}

철수

영희

민수

형준

기남

동희

undefined

 

----------------------------------------------------------------------------------------------------------------------------------

 

반복문 예제 6 – 원하는 부분만 가져오기

 

for (let i = 0; i < scores.length; i++) {

        let name = scores[i]['name']

        let score = scores[i]['score']

          console.log(name,score)

}

철수 90

영희 85

민수 70

형준 50

기남 68

동희 30

undefined

 

----------------------------------------------------------------------------------------------------------------------------------

 

반복문 예제 7 - if문 추가시켜서 사용해보기

 

for (let i = 0; i < scores.length; i++) {

           let name = scores[i]['name']

        let score = scores[i]['score']

        if (score <70) {

        console.log(name,score)

    }

}

형준 50

기남 68

동희 30