2023.08.25 (vanilaJS필기 정리)

SaGo_MunGcci·2023년 8월 25일
0

JavaScript

목록 보기
4/9

  • Nomad Coder - 바닐라 JS로 크롬 앱 만들기 필기
// 2023.08.25 / 박민준 / 자바스크립트 필기

// 예전에 자바스크립트 변수 사용시 데이터 타입을 var로 통일
var a = 'some'
// string이든, int타입이든 let에 담길수 있고 변수 재할당이 가능
let b = 2
// string이든, int타입이든 const에 담길수 있고 변수 재할당 불가
const c = 3

const arrSome = '변수로 배열 추가'

// 배열선언
const arr = [1, 2, 3, 4, 5, '배열', arrSome]

// 배열에서 해당 아이템 선택
console.log(arr[5])

arr[5] = '변경'

console.log(arr[5])

// 배열에 데이터 추가(push는 이미 추가된 배열 마지막에 추가함)
arr.push('배열추가')

// 추가된 데이터 출력
console.log(arr[6])
console.log(arr[7])

// boolean
const isSome = false

if (isSome) {
  console.log('True입니다.')
} else {
  console.log('False입니다.')
}

// null, undifined

// 객체 선언
const player = {
  name: 'park',
  age: 34,
  email: '11111@naver.com',
}

console.log(player.name + ' ' + player.age + ' ' + player.email)

// 함수사용
function sayHello(name, age) {
  console.log('hello! my name is ' + name + ' my age is ' + age)
  //alert('hello! my name is ' + name + ' my age is ' + age)
}

sayHello('park', 34)
sayHello('ham', 33)
sayHello('lee', 30)
sayHello('choi', 29)

// 객체 사용시 메서드 활용법
let someName = 'ham'
let someAge = '30'

const player1 = {
  name: someName,
  age: someAge,
  sayHello1: function (otherName) {
    console.log('hello! nice to meet you ' + otherName)
  },
  email: '1111@naver.com',
}
console.log(player1.name)
player1.hobby = 'exercise'
console.log(player1.hobby)

player1.sayHello1('nico')

// **return**
// 함수사용시 결과값을 반환하려면 retrun을 입력하여야한다.
// Java에서 하던것처럼 단 데이터 타입을 맞추어서 return하지 않는것 같다.
// return에 명시한 값만 호출한다.
const foreignAge = 34

function calkorAge(foreignAge) {
  // age + 2  --> undifined 출력
  return foreignAge + 2
}

const korAge = calkorAge(foreignAge)
console.log(korAge)

//calculator
const calculator = {
  add: function (a, b) {
    return a + b
    console.log('hello') // **출력안됨 return문에서 호출한 값을반환해서 더이상 읽지 않음
  },

  minus: function (a, b) {
    return a - b
  },

  multify: function (a, b) {
    return a * b
  },

  divide: function (a, b) {
    return a / b
  },

  powerof: function (a, b) {
    return a ** b
  },
}

const a1 = 2
const b1 = 3

const rsltAdd = calculator.add(a1, b1)
const rsltMinus = calculator.minus(a1, b1)
const rsltMultify = calculator.multify(a1, b1)
const rsltDivide = calculator.divide(a1, b1)
const rsltPowerOf = calculator.powerof(a1, b1)

const resltArr = [rsltAdd, rsltMinus, rsltMultify, rsltDivide, rsltPowerOf]
// resltArr.push = rsltAdd
// resltArr.push = rsltMinus
// resltArr.push = rsltMultify
// resltArr.push = rsltDivide
// resltArr.push = rsltPowerOf

for (let index = 0; index < resltArr.length; index++) {
  const element = resltArr[index]

  console.log(element)
}

profile
이리저리 생각만 많은 사고뭉치입니다.

0개의 댓글