1교시 : 함수
많은 언어들과 마찬가지로 js(이하 자바스크립트)에서 역시
함수가 있다.
함수의 일반적인 구조에 대해서부터 알아보자.
function 함수명(매개변수영역) {~~~};
예시1)
function myFirstFunc(a, b) {
console.log(a,b);
console.log(a + b); };
위와 같은 함수가 있고,
myFirstFunc(10,20) 실행시키면 브라우저에서 표시된다.
예시2)
function mySecondFunc(a, b) {
console.log(a,b)
const result = a * b
console.log(result**2) };
보통 함수를 정의하고 해당 값을 불러올 때 return을 많이 사용한다.
function myReturn(a,b) {
return (a + b) * 2 };
const myMy = myReturn(2,3);
console.log(myMy + 2);
2교시 : 배열
자료들을 저장하고 싶을 때는 어떻게 할까??
그럴때는 배열을 활용한다.
예시1)
const myArray = ['a', 'b', 'c', 'd'];
console.log(myArray[1]);
= b
위와 같은 예시에서 배열의 특징이 나타난다. 그것은
배열 안에 있는 숫자들에 있어 순서가 있는 점이다.
만약에 우리가 let으로 배열을 선언한다면,
let myArray2 = [1,2,3,4,5,6];
myArray2[1] = 15;와 같이 구체적인 배열 내 위치를 지정하고 수정할 수 있다.
그렇다면, 배열 내에 들어갈 수 있는 원소들에는 어떤 것들이 있을까?? 쉽게 말해서 거의 모든 자료형이 들어갈 수 있다. 하지만 여기서 주의할 점은 가급적이면 배열 내 원소들은 타입 혹은 데이터의 속성이 비슷한 것들을 모아두는 편이 나중에 이용하기 용이하다.
3교시 : 객체(object)
여러가지 자료를 모아둘 수 있는 배열에는 한가지 단점이 존재한다.
만약 우리가 어떤 사람의 데이터를 배열로 묶는다고 생각해보자.
const kimInfo = ['kim', 32, True, 'Female'];
위의 배열을 보고 우리는 무엇을 유추할 수 있을것인가??
이러한 문제를 극복하기 위해 object(객체)를 사용한다.
const myInfo1 = {
name : 'kim',
age : 32,
job : false,
Love : True,
Edu : 'university'
};
console.log(myInf1.name);
= kim
위와 같은 객체 방식을 통해서 아래와 같은 객체를 만들어 활용할 수 있다.
const myCalculator = {
sum1 : function(a,b) {
return a + b
},
abstraction1 : function(a,b) {
return a - b
}
};
console.log(myCalculator.sum1(2,4));
= 6
위처럼 객체 속 메쏘드를 불러와서 우리가 필요한 곳에 사용하면 된다.