D.evelop/JS, TS27 [TIL]Javascript - ES6 Arrow function -1- (화살표 함수) Arrow function 특징 화살표함수는 함수를 식별할 수 있는 식별자(=함수명)가 없음 (익명함수 표현식과 유사) 화살표 함수를 호출하기 위해 함수 표현식 방법으로 호출해 줄 수 있음 /* 기존 함수 */ function 함수명 (param1, param2...){ body... return; } /* 화살표 함수 */ () => { } ✅ 기존 함수를 화살표 함수로 표현하려면? /* "함수 선언문"방식으로 표현된 함수 */ function sum(num1, num2){ return num1 + num2 } const result = sum(1, 2); console.log(result); // 3 /* 식별자가 없는 "화살표 함수" */ (num1, num2) => { return num1 + n.. 2021. 8. 19. [TIL]Javascript - Return이란? return return [[expression]] return을 만나면 함수는 종료 함수안에서 return 명령문에 도달하면, 함수의 실행은 그 지점에서 중단 그 뒤의 코드에는 도달 불가능 값을 제공할 경우 그 값을 반환하므로 반환 값을 얻기위해 사용 return을 '명령어'라고도 하고 '예약어'라고도 함 함수 내부의 return키워드를 생략 가능. 그래도 보이지 않는 값은 반환되고 있음. 값을 명시하지 않으면 undefined 반환 function add(x) { return x + x; } let test1 = add(10); console.log(test1) // 20 let test2 = add(); console.log(test2); // NaN /* return에 값을 명시하지 않을 경우 *.. 2021. 8. 18. [TIL]Javascript - Array Method 4. Sorting Arrays .sort([compareFunction]) 배열의 원소를 정렬 ASCII 코드 순으로 정렬됨 알파벳 순 숫자 순 - 본 숫자의 크기가 아닌 앞자리 수의 크기를 기준으로 정렬 var arr = [ 100, 10, 200, 700, 8, 300, 9, 7 ]; arr.sort(); console.log( arr ); // [10, 100, 200, 300, 7, 700, 8, 9] 조건 순으로 정렬 parameter compareFunction : 비교 기능 정렬의 순서를 정의하는 조건 인수에 따라 음수, 0, 양수 값을 반환 결과값이 0이면 이동 없음 결과가 양수이면 b는 a 앞으로 정렬 예) a = 100, b = 10이면 a - b = 100 - 10 = 90(양수) 10, 100 순으로 정렬 /* .. 2021. 8. 17. [TIL]Javascript - Array Method 3. 자주 쓰이는 메서드 .length 배열의 원소 수를 반환 메서드 끝에 ()를 사용하지 않는다. let myArray =[ 1, 2, 3, 4 ]; console.log( myArray.length ); // 4 console.log( myArray.length() ); // Uncaught TypeError: arr.length is not a function indexOf(searchValue[ , fromIndex]) 배열 안 요소의 인덱스 찾기 parameter searchValue : 찾을 문자열. 값이 없으면 "undefined"를 찾을 문자열로 사용 (Required) fromIndex : 문자열에서 찾기 시작하는 위치 Index (Optional) 같은 문자열이 존재할 시 제일 먼저 나오는 index값을 반환 .. 2021. 8. 16. [TIL]Javascript - Array Method 2. 잘라내기/합치기 2. 배열 잘라내기/ 합치기 .silce(startIndex, endIndex) slice 배열은 배열을 자를 때 사용한다. 첫 번째 인자 : 잘라낼 배열의 시작 index 두 번째 인자 : 잘라낼 배열의 끝 index. (필수 아님. 없을 시 배열 끝까지 자름. ) 이때, 잘리고 남은 배열이 아닌 잘라낸 조각을 반환한다. 즉, 특정 영역을 copy해내는 것이며 기존 배열에는 변형이 없다. 그러므로 slice(또는 copy)한 배열을 담을 수 있는 새로운 변수가 필요하다. let myTxt = ['A', 'B', 'C', '1', '2', '3', 'F']; // myTxt에서 index 값이 [6]인 값 부터 끝까지 잘라 myF에 할당 let myF = myTxt.slice(6); // myTxt에서 .. 2021. 8. 15. [TIL]Javascript - Array Method 1. 추가/제거 1. 배열에 항목 추가, 제거하는 메서드 추가하는 메서드 : .push(...items) , .unshift(...items) 제거하는 메서드 : .pop(), .shift() .push(...items) 배열의 맨 끝에 항목 추가 여러 값을 한번에 추가할 수 있음 let todayArray = [2021, "8월", "6일"]; // 배열의 맨 끝에 요소 추가 todayArray.push("금요일", "더움", 1, true); console.log(todayArray); // [2021, "8월", "6일", "금요일", "더움", 1, true] .pop() 배열의 끝에서부터 항목을 1개씩 제거 let rgbArray = [ "red", "green", "blue", "brown"]; // 배열의 .. 2021. 8. 14. [TIL]Javascript - Array (배열) Array(배열) 여러개 개의 데이터를 하나의 변수에 저장하는 데이터 타입 연관된 데이터를 모아 통째로 관리 하기 위해 사용한다. 대괄호([])를 사용하며, 콤마 ( , ) 를 이용해서 구분 // 방법 1 var 변수명 = [데이터 목록]; // 방법 2 var 변수명 = new Array(); var school = [ '학교 종이', '땡떙땡' ] console.log(school[0]) // 학교 종이 console.log(school[1]) // 땡땡땡 console.log(school[2]) // undefined ✅ 실제 서비스에서 배열로 사용할 만한 데이터는 어떤게 있을까? 궁금해졌다. (상상해 보았다.) 만약 "저장된 회원 정보 조회"에 사용한다면? 1. 회원 가입을 통해 받은 유저의 정보.. 2021. 8. 13. [TIL]Javascript - 함수 호출과 테스트 선언한 함수를 실행시키기 위해서는 🔊함수 호출🔊이 필요하다. 함수의 호출 (function call) 호출을 통해야 지정된 함수의 계산이 수행 형식) //함수 호출 함수명(인수 리스트); 괄호'()' 없이 작성하면 변수로 인식함 인수(argument) 생략가능 인수 없을 때 // 함수 정의 function hello(){ console.log('Hello, World!'); } hello(); // 함수 호출 /* hello; // 변수로 인식 */ 인수 있을 때 //함수정의 function add(a, b){ console.log(a + b) } //함수 호출 add(1, 3) // 4 (출력) 👩💻백문견이 불여일타 ✔️함수를 정의만 하면? - 함수는 존재하지만 호출된 결과는 없다. ✔️호출된 함수에.. 2021. 8. 12. 이전 1 2 3 4 다음
