Java Script 배열 & 함수

TIL Day 136

By polaris0208

배열

  • push 로 추가
  • 인덱스 사용가능
    • [-1] 사용 불가능
const daysOfWeek = [
  "mon", "tue", "wed", "thu", "fri", "sat"
];

console.log(daysOfWeek);

// ['mon', 'tue', 'wed', 'thu', 'fri', 'sat']

daysOfWeek.push("sun")

console.log(daysOfWeek[6]);

// sun

console.log(daysOfWeek[-1]);

// undefined

console.log([1, "hi", false, null, undefined]);

// [1, 'hi', false, null, undefined]

객체

  • 객체 정의 : {} 파이썬 딕셔너리 형태
    • 호출 및 정의 방법도 유사
    • object.key / object['key']
const alice = {
  name : "Alice",
  age : 7
};

console.log(alice.name);
// Alice
console.log(alice["age"]);
// 7

alice.name = "Alice grown"
alice["age"] = 8;
console.log(alice)

// {name: 'Alice grown', age: 8}

alice["from"] = "wonderland"

console.log(alice)

// {name: 'Alice grown', age: 8, from: 'wonderland'}

함수

  • () 안에 사용되는 인자 작성
  • {} 안에 작동할 코드 작성
function sayHello(){
  console.log("Hello!");
}

sayHello();

// Hello!

function greeting(name){
  console.log("Hi"+ " " + name);
};

greeting("Alice");

// Hi Alice

function plus(a, b){
  console.log(a + b);
};

plus(1, 2);

// 3

const character = {
  name : "Alice",
  sayHelloTo : function (name) {
    console.log("Hi " + name + " I'm " + character.name);
  }
}

character.sayHelloTo("Mr. Rabbit")

// Hi Mr. Rabbit I'm Alice

객체 함수

  • 객체 안에 함수 정의 가능
    • 함수이름 : function (인자) { 코드 }
  • console. log() : 콘솔에서 결과 확인
  • alert : 팝업으로 결과 확인
  • return : 결과 반환
    • 변수에 저장 가능
const calc = {
  sum : function (a , b) {
    alert(a + b);
  },
  sub : function (a , b) {
    alert(a - b);
  },
  mult : function (a , b) {
    alert(a * b);
  },
  div : function (a , b) {
    alert(a / b);
  },
  square : function (a , b) {
    alert(a ** b);
  }
}

calc.sum(2, 5);
// 7

// return

function mid(a, b) {
  return (a + b) / 2;
};

const midResult = mid(1, 5);

console.log(midResult)

// 3

타입

  • typeof : 타입 확인
    • typeof 값 / typeof(값) 사용 가능
  • parseInt(값) : 숫자만 입력 받음
    • 해당하지 않으면 NaN
const age = prompt("How old");
// 정지 후 입력 대기
// 오래된 기술 스타일 적용 불가
// 모달로 대체

console.log(age)
console.log(typeof age)
// string
console.log(typeof(age))
// string
console.log(typeof age, typeof parseInt(age))
// string number

const num = parseInt(prompt("Input number"))
console.log(typeof num, num)

// number 1
// 숫자가 아니면 NaN
Tags: TIL JS Tools