JS - array, object, function

suyeon·2022년 9월 27일
0

Vanilla.js

목록 보기
3/13

✦ array

: 1개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용한다. 배열 안에는 모든 타입의 데이터가 들어갈 수 있다.

const me = "fat";
const anything = [1, 2, 3, false, true, undefined, "text", me]; //all data types allowed.
  • .push() 를 사용해 배열에 값을 추가할 수도 있다.
const shopping = ["milk", "pork", "pizza", "potato", "watermelon"];
console.log(shopping);
shopping.push("eggs"); // add value: "eggs"
console.log(shopping); // ["milk", "pork", "pizza", "potato", "watermelon", "eggs"]
  • 리스트를 수정할 수 있다.
shopping[2] = "water"; //리스트의 (visually)세번째 값을 수정해준다.
console.log(shopping); // ["milk", "pork", "water", "potato", "watermelon", "eggs"]

✦ object

: 현실의 사물을 프로그래밍에 반영한 것!
객체는 속성의 컬렉션이다. 속성의 값이 함수인 경우에는 메서드(method)라고 부른다.

const sonya = {
  age: 20, // property 속성. 키(속성명): 값(속성값)
  nationality: "korean",
  sex: "female",
  married: false,
  sayHello: function(name) {
    console.log("Hello " + name + ", nice to meet you!");
  }; // method 메서드.
} 

console.log(sonya); // {age: 20, nationality: "korean", sex: "female", married: false, sayHello: f}
sonya.height = 154;
console.log(sonya); // {age: 20, nationality: "korean", sex: "female", married: false, height: 154, sayHello: f}

sonya.sayHello("Sonya"); // Hello Sonya, nice to meet you!

✦ function

: 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미한다. 이러한 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있다.

function sayHello(name) {
  console.log("Hello " + name + ", nice to meet you!");
}

sayHello("sonya"); // Hello sonya, nice to meet you!
  • argument(인수): 함수를 호출할 때 값을 전달함(=전달인자). 호출할 때마다 수시로 바뀌는 값이기 때문에 변수가 아닌 값으로 정의한다.
  • 매개변수(parameter): 함수 내부에 있는 인자, 함수가 호출되며 전달한 인수의 값이 변수에 담기게 된다.
function add(a, b) { // 매개변수
  console.log(a + b);
}

add(3 + 5); // 인수

** object, function을 이용하여 계산기 만들기

const calculator = {
  add: function (a, b) {
    console.log(a + b);
  }, 
  subtract: function (a, b) {
    console.log(a - b);
  },
  times: function (a, b) {
    console.log(a * b);
  },
  divide: function (a, b) {
    console.log(a / b);
  },
  powerOf: function (a, b) {
    console.log(a ** b);
  }
}

calculator.add(1, 2); // 3
calculator.subtract(5, 7); // -2
calculator.times(10, 7); // 70
calculator.divide(30, 2); // 15
calculator.powerOf(2, 6); // 64

참고

profile
coding & others

0개의 댓글