javascript 입문

너무 기본적인건 적지 않겠음.

 

null은 텅텅 비어 있는 값을 의미함
undefined은 변수를 선언만 하고 값이 할당되어 있지 않은 것입니다.

let name = null
console.log(name)
let age
console.log(age)

---

조건문

if (조건) { 조건을 만족할 때 실행할 코드 }

들여쓰기 의미없음 그냥 보기 좋게 하는겨

const distance = 2
if (distance < 2) {
console.log("걸어가자")
} else if (distance >= 2 && distance < 5) { // 논리연산자를 && 를 이렇게 활용할 수 있어요!
console.log("택시를 타자")
} else {
console.log("기차를 타자")
}

---

함수

함수는 특정 작업을 수행하는 코드의 집합

함수의 선언 
function 함수명(매개변수들...) { 
이 함수에서 실행할 코드들
return 반환값
}
const 변수명 = 선언한 함수명(매개변수들...)

 

function calculateAvg (price1, price2) {
    const sum = price1 + price2
    console.log(`두 상품의 가격 총합은 ${sum}입니다.`)
    const avg = sum/2
    return avg
}
const priceA = 1000
const priceB = 2000
const avg1 = calculateAvg(priceA,priceB)
console.log(`a와b의 평균은 ${avg1}`)

const priceC = 2000
const priceD = 3000
const avg2 = calculateAvg(priceC,priceD)
console.log(`c와d의 평균은 ${avg2}`) 
 
>> 두 상품의 가격 총합은 3000입니다.
a와b의 평균은 1500
두 상품의 가격 총합은 5000입니다.
c와d의 평균은 2500

---

function avg(a,b,c) {
    var abc = a+b+c
    var avgabc = abc/3
    return avgabc
}
const aa = 10000
const bb = 20000
const cc = 30000
const avgaabbcc = avg(aa,bb,cc)
console.log(avgaabbcc)
console.log(`평균가격은 ${avgaabbcc}원 입니다!!!!`)

 >> 20000
평균가격은 20000원 입니다!!!!

---

반복문

형태:

for (begin; condition; step) {

조건을 만족할 때 실행할 코드

}

 

예시:
for (let temperature = 20; temperature < 25; temperature++) {
console.log(`${temperature}도 정도면 적당한 온도입니다.`)
}
for문이 실행되는 순서를 한번 정리해볼까요?

1. temperature라는 변수를 선언하고 값을 할당합니다. (begin)
2. temperature가 25보다 작은지 연산합니다. 결과값이 true라면 계속 실행. false라면 for 문 종료 (condition)
3. 중괄호 안의 코드가 실행됩니다.
4. temperature에 1을 더해서 재할당하고 2번 과정부터 다시 반복합니다. (step)

 

>> 20도 정도면 적당한 온도입니다.

21도 정도면 적당한 온도입니다.
22도 정도면 적당한 온도입니다.
23도 정도면 적당한 온도입니다.
24도 정도면 적당한 온도입니다.

---

클래스, 객체 

class status {  // 클래스 지정
    constructor(color,size,price) {   // 생성자를 보면 3개의 매개변수를 정의, 각각 이름은 name, price, company
        this.color = color
        this.size = size
        this.price = price
    }
    printInfo() {  // 그냥 지정만해준거임.  = printInfo 대신에 암거나 들가도댐
        console.log(`color : ${this.color}, size : ${this.size}, price : ${this.price}`)
    }
}
const aaa = new status('blue','XL',50000) // 클래스 생성
const bbb = new status('red','XXXXXXL',120000) // 클래스 생성
aaa.printInfo() // 생성한클래스 프린트해부러
bbb.printInfo() // 생성한클래스 프린트해부러

>> color : blue, size : XL, price : 50000
color : red, size : XXXXXXL, price : 120000

---

배열 선언 , 길이구하기, 마지막요소 출력, 추가, 삭제 작업

const arr2 = [1, 2, 3, 4, 5] // 0부터 시작함
console.log(arr2[0])
>> 1

 

const rainbowColors = ['red', 'orange', 'yellow']

console.log(rainbowColors[0])
console.log(rainbowColors[1])
console.log(rainbowColors[2])

console.log(rainbowColors.length) // 길이구하기
console.log(rainbowColors[rainbowColors.length - 1]) // 마지막 요소 출력하기

rainbowColors.push('fuckingred') // 추가하기
console.log(rainbowColors)
console.log(rainbowColors.length)

rainbowColors.pop('fuckingred') // 삭제하기
console.log(rainbowColors)
console.log(rainbowColors.length)

>>red
orange
yellow

3
yellow

[ 'red', 'orange', 'yellow', 'fuckingred' ]
4

[ 'red', 'orange', 'yellow' ]
3

---

반복문 합계, 평균 구하기

const allPrice = [1000,5000,6000,500,300,10500,210000,7777,9421565,123854]
var sum = 0

for (const price of allPrice) {       // = for (let i=0; i < allPrice.length; i++) {
    sum += price;                     //          sum += allPrice[i]
}                                          //     }
var avg = sum / allPrice.length

console.log(sum)
console.log(avg)
console.log(`합계 : ${sum}, 평균 : ${avg}`)

>> 9786496
978649.6
합계 : 9786496, 평균 : 978649.6