[js] 배열, 함수, querySelector

📘 자바스크립트에서 배열 선언과 메서드

const arr = [1,2,3];

arr.unshift('0');    // 배열 첫 부분에 요소 추가 [0,1,2,3]
arr.indexOf('3');    // 배열에 존재하는지 확인하고 인덱스 찾기  output : 2, 없다면 -1 반환
arr.lastindexOf('1');   // 베열에서 존재하면 뒷 부분에서 몇 번째인지 output : 2
arr.includes('5');   // 해당 요소 포함 여부  output : true or flase
arr.shift('arr');    // 배열의 첫 번째 요소를 지움
arr.pop('arr');      // 배열의 끝 부분 요소 지우기
arr.splice(2, n);    // 2번째 인덱스부터 n개의 요소를 지움

​
​

📘 함수

function fun(num) {
  return num * num;
}

fun(3)    -->> output : 9

​

📘 화살표 함수

// 일반 함수

var a = function(num) {
  return num*num
};


// 화살표 함수

let a = (num) => {
   return num*num
};

​

​

📘 getElementBy

Document.getElementByld('a');    // id를 보고 가져옴
Document.getElementsByClassName();    // class이름을 보고 다 가져옴
Document.getElementsByTagName();   // 해당 tag를 가져옴

​

​

📘 querySelector

// 특정 id나 class를 원하는 것 하나만 가져올 수 있다. 
Document.querySelector(#id);
Document.querySelector(.class);

​

const btn = document.querySeletor(.button)

btn.classList.add()            // 클래스 리스트에 추가
btn.classList.remove()         // 클래스 리스트에서 삭제
btn.classList.contains()       // 클래스 리스트에 포함되어 있는지 확인