Java Script 기초

Variable

Java Script는 변수명을 camelCase 규칙에 따라 만든다.
     ex) const veryLongVariableName = 0;
     * 파이썬은 snake_case 사용 ex) very_long_variable_name = 0;

• constant 상수(변하는 얂는 값, 업데이트 불가), 기본
• let 변수
• var 어떤 규칙도 가지고 있지 않음, 예전에 쓰던 변수

// const vs let
let a = 5;
const b = 2;
let myName = "nico";
console.log(a + b);
console.log(a * b);
console.log(a / b);
console.log("hello " + myName);
myName = "nicolas";
console.log("your new name is " + myName);

// boolean
const am = true;
const bm = false;

const nu = null;
let some; -> undefined

Array

const week = ["mon", "tue", "wed", "thu", "fri", "sat"];
const nonsense = [1, 2, "hello", true, null, "hi", undefined, false];
// Get Item from Array
console.log(week[5]); // -> sat  배열인덱스 0부터 시작

// Add one more day to the array
week.push("sun");

Object

const player = {
  name: "nico",
  points: 10,
  fat : true,
};

console.log(player);
console.log(player.name);
console.log(player["name"]);
player.name = "nicolas"; //-> update됨
player.lastName = "potato"; //-> object에 추가됨
// constant는 상수인데 어떻게 업데이트되나?
// -> player = false; 이처럼 constant(object)전체를 하나의 값으로 변경할때 에러
// -> constant 안의 값들을 변경하는 것은 문제없음

function

: 계속 반복해서 사용할 수 있는 코드 조각
어떤 코드를 캡슐화해서 실행을 여러 번 할 수 있게 해준다.

function sayHello(name, age) {
  console.log("Hello, my name is " + name + " and I'm " + age);
};

sayHello("nico", 10);

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

object와 function

const player = {
  name: "nico",
  sayHello: function(othername) {
  console.log("hello " + othername + " nice to meet you");
  },
};
concole.log(player.name);
player.sayHello("lynn");

return

const age = 96;
function calculateKrAge(ageOfForeigner) {
  return ageOfForeigner + 2;
}

const krAge = calculateKrAge(age);
console.log(krAge);

간단한 계산기 만들기

const calculator = {
plus: function(a, b) {
  return a + b;},
minus: function(a, b) {
  return a - b;},
times: function(a, b) {
  return a * b;},
divide: function(a, b) {
  return a / b;},
power: function(a, b) {
  return a ** b;},
};
  const plusResult = calculator.plus(1,1);
  const minusResult = calculator.minus(addResult, 1);
  const timesResult = calculator.times(2, minusResult);
  const divideResult = calculator.divide(4, timesResult);
  const powerResult = calculator.power(divideResult, 1);
  console.log(powerResult);

type을 변경하는 방법

const age = prompt("How old are you?");
// 나이를 입력받는 팝업창이 뜸, 값을 입력할때까지 대기, 예전 방식
// 리턴값은 String
console.log(age);
console.log(typeof age); // -> age 변수의 타입을 알 수 있음

// "15" ==> 15
// 타입 변경하는 방법
parseInt("15");

const age = parseInt(prompt("How old are you?"));
// number 타입으로 변환할 수 없는 값이 입력되면
// NaN(Not a Number)을 리턴
console.log(isNaN(age));
// isNaN은 boolean값을 리턴함
// asd --> true
// 15 --> false

conditional 조건문

if(condition) {
  // condition == true
} else {
  // condition == false
}

const age = parseInt(prompt("How old are you?"));

if(isNaN(age) || age < 0) {
   console.log("Please write a real positive number");
} else if (age < 18) {
   console.log("You are too young");
} else if (age >= 18 && age <= 50) {
  console.log("You can drink"); 
} else if (age > 50 && age <=80) {
  console.log("You should exercise");
} else if (age === 100) {
  console.log("wow you are wise");
} else if (age > 80) {
  console.log("You can do whatever you want");
}