JavaScript 개념(3)💻

🌱💻 🌴 🔥🔍📒 📌✍ 👉💡🚀✔

💡 참조타입

• 배열 (Array)
• 함수 (Function)
• 객체 (Object)

🚀 함수(Function)

🔥 임의 숫자 두 개를 전달 받아서 덧셈을 하는 기능을 만들고 싶을때 사용하는 기능

console.log(10 + 10);  -> 20
console.log(20 + 30); -> 50
console.log(10 + 5); -> 15

🔥 함수 선언하기

function sum( 함수명 : 내가 만든 기능의 이름 ) {  중괄호 : 자바스크립 코드 작성하기 }
함수function로 함수 만들고, 

function sum() {
    console.log(10 + 10)
}
-> 아무것도 출력되지 않음 --> 우리가 기능을 만들기만 하고 동작시키지는 않았다.

function sum() {
    console.log("Hello")
    console.log(10 + 10)
}
	**함수 호출**
 👉 sum();

🚀 결과

🚀Parameter (매개변수), Argument(인수)

매개변수 : num1, num2
인수 : 호출시 전달되는 값
sum(10, 20);
sum(100, 50);

function sum(num1, num2) {

    console.log(num1 + num2);
}

sum(10, 20);
sum(100, 50);

🔍 fullName을 완성시키는 함수

function fullName(firstName, lastName) -> 매개변수 {
    console.log(firstName + "" + lastName);
}

fullName("Inkweon", "Kim"); -> 인수

function area(width, height) {
    var result = width * height;
    console.log(result);
}

area(10, 20);

🔥 매개변수가 만들어지면 undefined가 디폴트 값으로 들어가 있다.
🔥 함수로 기능을 만들 때 내가 만든 매개변수와 전달된 인수가
쌍을 이루고 있어야함
🔥 매개변수안에 들어가는 데이터 타입은 모든 자바스크립트의 데이터 타입을 다 넣을수 있다

🔍 return

💡 함수가 호출됐을때 호출된 시점에 내부적으로 어떤 값을 가지고 있는 것

function sum(num1, num2) {
    console.log(num1 + num2);
    return num1 + num2;
}
/* 함수에 리턴을 쓰면 함수 호출했을때 호출된 시점에 return안에 들어간 값이
함수 호출이 30을 갖게 된다 함수호출 = 30, result = 30 result값에 30을 삽입 해주는 것과 같다.*/
var result = sum(10, 20);
console.log(result);

return 의 쓰임
다른 변수의 값을 전달할 때, return으로 전달받은 값을 가지고 새로운 공식과 대입을 할때 사용

function area(hor, ver) {
    return hor * ver;
}

var volume = area(10, 20) * 100;
넓이*높이 =부피 구하는 공식
console.log(volume)

🚀 배열(Array)

🔥 유사한 성격을 갖고있는 데이터를 하나의 변수안에 담아낼수 있다.(=바구니역할)

 var banana = "바나나";
 var apple = "사과";
 var melon = "멜론";
  

👉 var fruit =["바나나", "사과", "멜론"]

앞에 0, 1, 2 (index)-> 바나나 사과 멜론의 데이터 좌표 값

🔍 인덱스(index)
🔥 배열안에 특정데이터에 접근 가능하게 하는 기능

console.log(fruit[2]);
console.log(변수명[멜론의 좌표값]);

🔥특정데이터에 접근가능하다면 특정데이터 변경도 가능하다.

🔥자바스크립트에서 배열안에 들어갈 수 있는 데이터 타입.

var arr = [숫자, "문자", true, false, null, undefined, function a() {}, [배열] {name: "객체"} ]

📌주의할 점

1. 배열안에 공통된 데이터 타입을 가지고 있어야 한다.

var num = [10, 20, 30, "Hello World"]

💡 변수명과 배열안에 데이터들 중에서 Hello World는 일치하지않으니깐
가능하다면 동일한 데이터 타입을 갖고 있는 것이 좋다.

2. 공통된 성격을 가진 데이터로 배열을 채워줘야 한다.

var num = [10, 20, 30, "Hello World"]
var fruit = ["사과", "배", "바나나", "양상추"]

💡 우리가 만든 변수명과 성격이 다른 데이터가 들어가 버리면 예외를 처리하기 위해
불필요한 리소스들이 들어가게 된다.

🔥 배열 안에 있는 배열 데이터에 접근하는 방법

👉 데이터 가져오기