채린씨의 티스토리

* Array.forEach() - 배열 요소 각각에 대해 콜백함수 실행: Array.forEach(function(item, index, array){}) - item: 배열 요소, index: 배열 위치, array: 배열 - 나는 이 글을 읽고서야 드디어.. 이해했다!: https://yuddomack.tistory.com/entry/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-Array-forEach 자바스크립트 Array forEach 이번 글에서는 자바스크립트 Array(배열) 객체의 메서드인 forEach에 대해 작성하겠습니다. forEach는 for문과 마찬가지로 반복적인 기능을 수행할 때 사용합니다. 하지만 for문처럼 index와 조..

* 고차함수 - 하나 이상의 함수를 매개변수로 취하거나 함수를 결과로 반환하는 함수 - 매개변수로 전달되는 함수는 콜백함수(callback function) * sort()의 문제와 해결방법 - 문제점 1: 11이 101보다 뒤쪽에 정렬 (sort 메서드로 정렬될 때 배열의 요소가 일시적으로 문자열로 변경되기 때문에 발생하는 문제) let nums = [1, 10, 20, 11, -1, 101, 0]; console.log(nums.sort()); // output: [ -1, 0, 1, 10, 101, 11, 20 ] (이게 뭔 정렬이여..) 더보기 문자열을 비교할 때는 가장 앞 글자부터 차례로 비교한다. 11과 101의 경우 각각 가장 앞 글자가 1, 1이므로다음 글자를 비교한다. 각각 두 번째 글..

* 배열 탐색 - index 탐색(앞에서부터): Array.indexOf(item, from) - index 탐색(뒤에서부터): Array.lastIndexOf(item, from) - 값 포함 여부 확인: Array.includes(item, from) let fruits = ["apple", "orange", "banana", "orange", "melon"]; console.log(fruits.indexOf("orange")); // output: 1 (맨 앞에서부터 차례로 fruits 배열을 탐색, "orange"가 처음으로 등장하는 인덱스 값 반환) console.log(fruits.indexOf("orange", 2)); // output: 3 (2번 인덱스 "banana"부터 차례로 frui..

잠깐, FIFO란? LIFO란? 더보기 FIFO(First In First Out, 선입선출): 처음 들어온 것이 처음으로 나간다. 은행에서 줄을 서면 먼저 온 사람이 먼저 처리된다. 이처럼 먼저 들어온 데이터부터 처리되어 나가는 것을 FIFO라고 한다. (ex. 큐) Last In First Out(LIFO, 후입선출): 마지막에 들어온 것이 처음으로 나간다. 그릇을 쌓아두고 위에서부터 차례로 꺼내 쓰면 마지막에 쌓인 그릇이 처음으로 사용된다. 이처럼 나중에 들어온 데이터부터 처리되어 나가는 것을 LIFO라고 한다. (ex. 스택) * 배열의 끝에서 요소 추가/삭제(LIFO - Back) - 배열 추가: Array.push(element) - 배열 삭제: Array.pop() let fruits = [..

* 배열 - 여러 개체(Entity) 값을 순차적으로 나열한 자료 구조 (알고리즘 내 사용 빈도 많음) - 배열 내 값을 요소(element)라고 하며, 배열 요소는 index로 접근 * 배열 선언 / 접근 / 속성 - 배열 선언: new Array() 혹은 []를 이용해 선언하며, 사이즈나 값을 입력하여 초기화도 가능 - 배열 접근: Array[index]를 이용해 O(1)의 시간 복잡도로 접근 가능(매우 빠름) - 배열 속성: Array.length를 이용해 배열 요소의 개수 확인 가능 * 배열의 실체 - JavaScript에서 배열은 다른 언어에서 말하는 일반적인 배열이 아닌 Hash 기반의 객체 - 메모리가 연속적인 밀집 배열(dense array)이 아닌 비연속적인 희소 배열(sparse arr..

* 문자열 치환 - 처음 만나는 문자열 치환 후 치환된 전체 문자열 반환: String.replace(orgin_str, change_str); - 정규표현식을 이용한 치환: /치환문자열/(여기에g를 붙이면 모든 해당하는 모든 문자열을 치환한다는 뜻, i를 붙이면 대소문자를 구분하지 않는다는 뜻) - 잠깐, 정규표현식에 대해 알아보자. https://curryyou.tistory.com/234 [자바스크립트] 정규표현식(Regular Expression) 기초/기본 쉽고 상세한 사용 방법 정리(샘플 예제 코 # 정규표현식이란?(Regular Expression: Regex) 정규표현식은 "특정 패턴의 문자열"을 찾기 위한 표현 방식입니다. (이런걸 형식 언어, formal languange라고 합니다...

- 지난번에 String 자료형에 대해 배웠던 것을 기억하는가? 네! https://cherish-my-codes.tistory.com/entry/7-%EC%9E%90%EB%A3%8C%ED%98%95 7. 자료형 * 자료형 종류 - 목적에 따라 특별한 성질이나 정해진 범주를 가지는 데이터의 종류 - JavaScript에는 6가지 원시 타입 자료형과 1가지 객체 타입 자료형이 있음 구분 데이터 타입 설명 원시 타입(prim cherish-my-codes.tistory.com - 오늘은 더 자세히 알아보자~! * String - 텍스트 길이에 상관없이 문자열 형태로 저장되는 자료형 - JavaScript에서는 글자 하나만 저장할 수 있는 char 자료형이 없음 - JavaScript에서 문자열은 페이지 인코..

- 지난번에 Number 자료형에 대해 배웠던 것을 기억하는가? 네! https://cherish-my-codes.tistory.com/entry/7-%EC%9E%90%EB%A3%8C%ED%98%95 7. 자료형 * 자료형 종류 - 목적에 따라 특별한 성질이나 정해진 범주를 가지는 데이터의 종류 - JavaScript에는 6가지 원시 타입 자료형과 1가지 객체 타입 자료형이 있음 구분 데이터 타입 설명 원시 타입(prim cherish-my-codes.tistory.com - 오늘은 더 자세히 알아보자~! * Number - JavaScript에서 일반적인 숫자는 64비트 형식의 IEEE-754 표준 기반 형태로 저장되는 자료형 (어쩔 IEEE-754..) - 더 자세한 내용은? https://devel..