자바스크립트 기초 기타 정보 - 알듯 모를듯한것 3탄

• js로 html 만드는 법

  • const  폼 = document.createElement('form');
    document.body.append(폼) //Html에 위에서 만든 valHtml을 붙이는 구문
    폼.append(입력창)
    폼.append(버튼)
    
    폼.addEventㅣistener['submit', function(이벤트){
    이벤트.preventDefault(); //기본동작을 못하게함
    }]

• 배열과 관련한 함수

  • push: 마지막에 추가
    pop: 마지막것 뽑기
    unshift: 처음에 추가
    shift: 처음것 뽑기
    // pop, shift, splice로 뽑은것들은 기존 배열에서 사라진다.

• 배열을 문자열로 한방에 합치는 메서드 : join

  • var 배열 = [2,4,6,7]
    숫자배열.join(''); // -> "2467"
    
    문자.split(구분자) ->  배열로 바뀜
    배열.join(구분자) -> 문자로 바뀜

• 배열.indexOf(값) : 값의 위치를 알 수 있음. 없으면 -1을 반환
•  i++ , ++i 는 다름. i +=1 을 쓰는게 좋음
• 배열 안에 넣을 수 있는 것들
  •  var 배열 = [[],()<-객체,  function(){} <-함수, null, undefined]
• target 메서드 : 만약 click 이벤트에  .target을 붙이면 클릭한 요소의 정보를 가져옴
  • e.target <- 클릭된 애
  • e.target.parentNode <- 클릭된 애 부모 태그
  • e.target.parentNode.parentNode <- 클릭된 애 부모의 부모
  • e.target.children <- 자식
• input의 값 : .value
• 태그 안 글자 : .textContent