23_10_31 JS공부정리

[코딩애플] 고급모듈
 
-자바스크립트는 문자끼리 부등호비교가 가능합니다. ㄱ보다 ㅎ 이게 더 큽니다.
 
-문자 다나가순 정렬(sort((a,b) => b.localeCompare(a)도 가능)

var 어레이 = ['가', '다', '나'];

어레이.sort(function(a, b){

  if (a < b) {

    return 1

  } else {

    return -1

  }

});

console.log(어레이)

 
 
-localStorage, sessionStorage : 이름:값 형태로 저장가능
*용량은 5MB, 문자/숫자만 저장가능
*localStorage는 사이트 재접속해도 유지/ sessionStorage는 사이트 나가면 자동삭제
 
-IndexedDB : 구조화된 대용량데이터 저장시
-Cookies : 유저의 인증정보 저장(보통 로그인정보)
-Cache Storage : html css js파일 저장하는곳
 
-localStorage.setItem('이름','값') : 이름(key), 값(value)을 localStorage에 저장

localStorage.setItem('이름','값')

-localStorage.getItem('이름') : 이름(key)을 이용해 값(value)를 불러옴
-localStorage.removeItem('이름') : 이름(key)을 이용해 해당 데이터를 제거 
 
-array나 object를 localStorage에 JSON으로 넣는법

var arr = [1,2,3];

var newArr = JSON.stringify(arr);

localStorage.setItem('num', newArr)

-localStorage에 넣은 JSON(array나 object)을 다시 array와 object로 변환시키기

var 꺼낸거 = localStorage.getItem('num');

꺼낸거 = JSON.parse(꺼낸거);

console.log(꺼낸거);

 
-sessionStoarge에 넣고싶다면 함수들을 모두 sessionStorage로 바꾸면됨.
 
-localStorage에 담긴 데이터 수정방법
1.자료꺼내기(getItem)
2.꺼낸거 수정하기
3.다시 데이터 넣기(setItem)
 
-자바스크립트 형제요소 선택하는 법

console.log(event.target.parentElement) //부모요소 선택

console.log(e.target.children) //자식요소선택

console.log(e.target.parentElement.children[0]) //형제중 1번째 선택

console.log(e.target.previousElementSibling) // 내 이전 형제요소 찾기(원하는만큼 써야함)

-제이쿼리로 형제요소 선택하는 법

$('.buy').click(function(){

  var title = $(e.target).siblings('h5').text(); //siblings()으로 선택.

  console.log(title)

});

-배열의 중복요소 제거방법

Array.from(new Set(storageValue))

//Set으로 만들면 중복이 제거됨. 다시 Array.from()을 쓰면 배열이 됨.