다다닿

구조분해할당 : destructuring( de + structure + ing) de = not structure = 구조 배열(array)에서의 구조분해할당 let [value1,value2] = [1,"new"]; console.log(value1); console.log(value2); let arr = ["1","2","3"]; let [a,b,c] = arr; console.log(a); console.log(b); console.log(c); let arr = ["1","2","3"]; let [a,b,c,d] = arr; // d추가 console.log(a); console.log(b); console.log(c); console.log(d); let arr = ["1","2","3"];..

함수 함수선언 // 함수 선언문 function add (a,b) { return a+b; } // 함수 표현식 var add = function (a,b) { return a+b; } 함수 () 안에 들어가는 값을 매개 변수라고 한다. (위에서는 a와 b) 사용방법 function func() { console.log("func함수 호출"); } func(); 함수명 뒤에 ()를 붙여 사용 var funcResult = add(1,2); console.log(funcResult); arrow function ES6 var add = function (a, b) { return a+b; } var add = (a, b) => { return a+b; } var add = (a,b) => a+b; // 한..

객체(Object)란 자바스크립트의 객체는 키(key)과 값(value)으로 구성된 프로퍼티(Property)들의 집합이다. 프로퍼티가 없는 빈 객체도 존재한다. // 빈 객체 obj 생성 var obj = {} 프로퍼티 : 키와 값으로 구성 // Object obj var obj = { "key" : "value",// 프로퍼티의 키는 "key"이고 값은 "value" 이다. name : "이름"// 프로퍼티의 키는 name이고 값은 "이름"이다 } 객체 생성 // 기본적인 객체 생성 방법 var person = { name : "ㅇㅇㅇ", age : 30 }; // 생성자 함수를 이용한 객체 생성 방법 function Person(name,age) { this.name = name; this.age ..

배열의 선언 var array = []; var array = ['a','b','c']; 대부분의 프로그래밍 언어에서는 배열의 요소들의 데이터 타입이 같지만 JavaScript에서는 각자 다른 데이터 타입도 배열안에 포함 할 수 있다. var array = ['a', 0, null]; 배열의 길이 var array1 = ['a','b','c']; console.log(array1.length); var array2 = ['d','e','f','g']; console.log(array2.length); length를 이용하여 배열의 길이를 알 수 있다. push, pop, shift, unsift, splice, slices let fruits = ["사과", "바나나"]; //push 뒤에 추가 frui..

반복문 for문 for ( 초기화식; 조건식; 증감식) { 조건식이 참인 경우 반복 실행될 문; } for( var i = 0; i

블록문 // 중괄호 안의 문단 { var foo = 10; console.log(foo); } 조건문 if문 var condition = true; if(condition) { console.log("condition은 true", condition); } else { console.log("condition은 false", condition); } if( 조건 ) { 조건을 만족 할 때 들어오는 블록 } else { 조건을 만족하지 않을 때 들어오는 블록 } else if var condition = 1; if(condition === 2) { console.log("condition은 2", condition); } else if (condition === 1) { console.log("condit..

이항 연산자와 할당 연산자 연산자 의미 + 덧셈 - 뺄셈 * 곱셈 / 나눗셈 % 나머지 덧셈 // 이항연산자 var num1 = 0; num1 = num1 + 10; console.log(num1); // 할당 연산자 var num2 = 0; num2 += 10; console.log(num2); 뺄셈 // 이항 연산자 var num1 = 0; num1 = num1 - 10; console.log(num1); // 할당 연산자 var num2 = 0; num2 -= 10; console.log(num2); 곱셈 // 이항 연산자 var num1 = 2; num1 = num1 * 10; console.log(num1); // 할당 연산자 var num2 = 2; num2 *= 10; console.log(..

boolean - true, false console.log(typeof true); console.log(typeof false); undefined - 아무내용이 들어가지 않은 것 var unde; console.log(typeof unde); null - 선언을 null로 하거나 있던 값을 지우도록 null을 다시 대입해서 사용한다. var re1 = null; var re2 = "rere"; re2 = null; typeof를 이용하여 데이터타입을 확인하면 object로 출력이된다. JavaScript 설계상의 오류라고 한다. symbol ES6에서 새롭게 추가된 타입이라고 한다. var key = Symbol('key'); console.log(typeof key); // symbol var o..

"number" 숫자 var integer = 10; // 정수 console.log("integer:" + typeof integer); var double = 10.12; // 실수 console.log("double:" + typeof double); var negative = -20; // 음의 정수 console.log("negative:" + typeof negative); var binary = 0b01000001; // 2진수 console.log("binary:" + typeof binary); var octal = 0o101; // 8진수 console.log("octal:" + typeof octal); var hex = 0x41; // 16진수 console.log("hex:" + ..

concat 합치기 let str1 = "Hello, "; let str2 = "world!"; result = str1.concat(str2); console.log(result); 결과 : Hello, world substr 자르기 let str3 = "Hello World!"; result = str3.substr(6, 5); console.log(result); 결과 : World // -- 7번째부터 5글자 출력 slice 자르기 let str3 = "Hello World!"; result = str3.slice(6, 12); console.log(result); 결과 : World // -- 6번째부터 12번째까지 출력 search 검색 let str3 = "Hello World!"; resu..