Language 25

[JavaScript] First-Class Object

일급 객체(First-Class Object) 변수에 할당하여 사용할 수 있는 것 함수는 일급 객체이다. 변수에 할당하여 사용 가능 하고 var func = function() { console.log("func"); } 함수를 인자로 다른 함수에 전달 할 수가 있다. function callFunc(func) { func(); } var testFunc = function() { console.log("testFunc"); } callFunc(testFunc); 함수를 반환 할 수 있다. function createAdder (num) { return function(x) { return x+num }; // 함수 반환 } var addFive = createAdder(5); // 함수를 넣었음 con..

Language/javascript 2023.10.14

[JavaScript] 단축 속성 명, 전개 구문, 템플릿 리터럴

단축 속성명 : property shorthand var name = "asd"; var age = "123"; var obj = { name, // name : name 같은 이름의 변수를 할당할때 할당식을 생략할 수도 있다. age }; console.log(obj); 전개 구문 : spread operator // es6 let arr = [1,2,3]; console.log(arr); console.log(...arr); console.log([...arr,4]); let user = { name: "asd", age: 10 }; let newuser = {...user}; console.log(newuser); function example(a,b,c,...args) { console.log(a..

Language/javascript 2023.10.14

[JavaScript] destructuring

구조분해할당 : 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"];..

Language/javascript 2023.10.14

[JavaScript] function

함수 함수선언 // 함수 선언문 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; // 한..

Language/javascript 2023.10.14

[JavaScript] object

객체(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 ..

Language/javascript 2023.10.14

[JavaScript] array / push, pop, shift, unsift, splice, slices, foreach, map, filter, find

배열의 선언 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..

Language/javascript 2023.10.13

[JavaScript] 블록문, 조건문 if문, 조건문 switch문

블록문 // 중괄호 안의 문단 { 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..

Language/javascript 2023.10.13

[JavaScript] 연산자

이항 연산자와 할당 연산자 연산자 의미 + 덧셈 - 뺄셈 * 곱셈 / 나눗셈 % 나머지 덧셈 // 이항연산자 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(..

Language/javascript 2023.10.13

[JavaScript] boolean, undefined, null, symbol

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..

Language/javascript 2023.10.13