Frontend/JavaScript

자바스크립트(3) - 객체 생성

1. 객체 이니셜라이저(객체 리터널)를 이용하여 객체 생성 // 객체 생성 var obj = {name: '홍길동', age: 20}; // var obj = { 'name':'홍길동', 'age':20 } Key에 ' '를 붙여도 가능하다. // 객체 타입 확인 console.log( typeof obj ); // "object" // 객체 필드 접근 console.log( obj.name ); // 홍길동 // 속성값 변경 obj.name = '김길동'; console.log( obj.name ); // 김길동 // 동적으로 속성 추가 obj.hobby = 'baseball'; // 객체 안에 hobby라는 Key가 존재하지 않지만 초기화를 함으로써 // baseball이라는 value(값)를 가진 ..

자바스크립트(2) - Rest, 클로저, 화살표 함수

Rest 매개변수 부정인수. 마지막 파라미터만 Rest 매개변수가 가능하며, Rest 매개변수는 유사배열이다. function add4(...args) { let s=0; for(let n=0; n { return args.length; }; // 파라미터가 하나만 있는 경우에는 주변 괄호를 생략할 수 있다. var sub3 = args => { return args.length; }; // 화살표함수의 유일한 문자로 'return'일때 'return'과 중괄호({})를 생략할 수 있다. var sub4 = args => args.length;

자바스크립트(1) - 요소 값 접근

input 상자에 입력한 값들을 가져오기 1. id로 접근 ex) let n = document.getElementById("아이디명").value; 2. class로 접근 ex) let n = document.getElementsByClassName("클래스명").value; 클래스명에 해당하는 모든 값들을 배열 요소형태로 가져온다. for문을 이용하여 각 요소에 접근이 가능하다. ex) for(let i=0; i