본문 바로가기

D.evelop/JavaScript25

[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.
[TIL]Javascript - 함수의 정의에 대하여 ✅ Javascript에서 함수는 어떻게 실행 될까? 함수의 호출 - 실행 루틴 1. 함수를 호출한다. 2. 호출된 참수를 찾아 계산을 수행한다. 3. 함수 수행이 완료면 원래의 루틴으로 돌아온다. ✅ '함수 리터럴'이란? 자바스크립트에서는 함수도 일반 객체처럼 값으로 취급된다. 객체 리터럴 방식으로 일반 객체를 생성할 수 있듯, 함수 리터럴을사용해 함수를 생성할 수 있다. // 함수 리터럴 function 함수명 (매개변수 리스트) { ..로직.. //함수 몸체 } function 키워드 : 자바스크립트 함수 를 선언하기 위한 시작 키워드 함수명 : 함수를 구분하는 식별자 함수 몸체의 내부 코드에서 재귀적호출 가능 매개변수 리스트 : 인수에 값을 넣으며 매개변수(인자)가 지정한 순서대로 할당 함수 몸체.. 2021. 8. 11.
[TIL]Javascript - Console.log로 간단한 디버깅해보기 Console.log() javascript를 익히면서 console.log()를 자주 사용하는 것을 보게 된다. 오늘은 그 콘솔 로그를 손에 익혀보기로 했다. ✅ 왜 사용하나요? 실무에서 경험한 바에 의하면 console.log()는데이터를확인하기 위해 사용한다. 그리고 그 데이터를 확인하며 디버깅을 해나간다. ✅어떻게 사용하나요? console.log('Hello, Dan:d World!'); 결과) 좀 더 다양한 형식의 데이터를 사용해 호출해보면 function hello(){ console.log('Hello, World!'); } function dan(){ let myName = 'DAN' // 문자 let myNum = 3; // 숫자 let myCity = ['Seoul', ['Busan'.. 2021. 8. 10.

티스토리툴바