모던 JavaScript 튜터리얼 8

20-1 배열과 메서드 1 (splice, slice, concat)

요소 추가·제거 메서드 - 배열에서 배웠던 메서드 (링크) arr.push() arr.pop() arr.shift() arr.unshift() 이 외에 요소 추가, 제거 메서드들!! splice() arr.splice(index[, deleteCount, elem1, ..., elemN]) 첫 번째 매개변수는 조작을 가할 index를 가리킨다. 두 번째 매개변수 deleteCount로 제거하고자 하는 요소의 개수를 나타낸다. 세 번째 요소 이상부터는 배열에 추가할 요소를 나타낸다. let arr = [1, 2, 3]; delete arr[1]; // "1"를 삭제합니다. arr[1]; // undefined arr.length; // 3 delete를 써서 요소를 지우고 난 후 배열 --> arr = [..

JS 2022.12.01

19-3 JS 배열3

반복문 for문은 배열을 순차적으로 순회라 때 index를 사용해서 값을 출력한다. 그런데 배열에는 다른 방법으로 순회할 수 있는데 그것은 for..of문이다. 그런데 for..in릉 현재 요소의 인덱스를 얻을 수 없고 값만 얻을 수 있다. 배열은 객체에 속하기 때문에 동일하게 출력도 가능하다. const arr = [1, 2, 3]; for (let e of arr) { console.log(e); } // 출력 // 1 // 2 // 3 // 동일 //for (let e of arr) { //console.log(arr[e]); //} 그런데 for..in문을 사용했을 때 문제가 있다. ( 밑에 내용은 요악할 것이 없어 그대로 들고 왔습니다~~) for..in 반복문은 모든 프로퍼티를 대상으로 순회합..

JS 2022.11.29

19-1 JS 배열1

배열이란? - 순서가 있는 컬렉션을 저장할 때 쓰는 자료구조이다. 배열 선언 배열 선언하는 방법은 2개가 있다. 대부분 두 번째 방법을 사용하며 대 괄호 안에 초기 요소를 넣어 주는 것도 가능하다. let arr = new Array(); let arr = []; let fruits = ["사과", "오렌지", "자두"]; 각 배열 요소엔 0부터 시작하는 숫자(index)가 매겨져 있다. 이 숫자들은 배열 내 순서를 나타낸다. 배열 내 특정 요소를 얻고 싶다면 대괄호 안에 순서를 나타내는 숫자인 index를 넣어주면 된다. let fruits = ["사과", "오렌지", "자두"]; fruits[0]; // 사과 fruits[1]; // 오렌지 fruits[2]; // 자두 동일한 방법으로 수정, 추가가..

JS 2022.11.22

18-3 JS 문자열3

문자열 비교하기 - 문자열은 알파벳 순서를 기준이며 소문자가 더 크다. 그 이유는 문자를 숫자를 바꾸는 아스크코드의 크기 때문이다. 'a' > 'Z'; // true 예외로 문자열에 발음 구별 기호가 있으면 알파벳으로 인식하지 않는다. 'Österreich' > 'Zealand'; // true (Österreich는 오스트리아를 독일어로 표기한 것임 - 옮긴이) 모든 문자열은 UTF-16을 사용해 인코딩되는데, UTF-16에선 모든 글자가 숫자 형식의 코드와 매칭된다. 코드로 글자를 얻거나 글자에서 연관 코드를 알아낼 수 있는 메서드는 다음과 같다. 1. str.codePointAt(index) index에 위치한 글자의 코드를 반환한다. "z".codePointAt(0); // 122 "Z".code..

JS 2022.11.21

18-2 JS 문자열2

- 문자열이 무엇가, 사용하는 방법, 특수 기호, 문자열 길이, 특정 글자에 접근하기, 문자의 불변성, 대·소문자 변경하기는 18-1 JS 문자열1에 있음. 부분 문자열 찾기 - 문자열에서 부분 문자열을 찾는 방법은 여러 가지가 있다. 1. str.indexOf() str.indexOf(searchValue, fromIndex) - 공문서 이 메서드는 문자열 str의 fromIndex에서부터 시작해, 찾고하 하는 부분 문자열(searchValue)이 어디에 위치하는지를 찾아준다. searchValue와 동일한 글자가 없다면 -1을 반환한다. 에시 let str = 'Widget with id'; alert( str.indexOf('Widget') ); // 0, str은 'Widget'으로 시작함 ale..

JS 2022.11.18

18-1 JS 문자열1

- JS는 텍스트 형식의 데이터는 길이에 상관없이 문자열 형태로 저장된다. 문자열은 페이지 인코딩 방식과 상관 없이 항상 UTF-16 형식을 따릅니다. 따옴표 - 문자열은 작은따옴표(' '), 큰따옴표(" "), 백틱(` `)으로 감싸서 표현한다. let single = '작은따옴표'; let double = "큰따옴표"; let backticks = `백틱`; 작은따옴표, 큰따옴표는 기능상 차이가 없다. 그런데 백틱엔 다른 기능이 있다. 표현식을 ${...}로 감싸고 문자열 안에 넣으면 해당 표현식을 문자열 중간에 쉽게 삽입할 수 있다. 이 방식을 템플릿 리터럴(template literal)이라고 한다. function sum(a, b) { return a + b; } console.log(`1 + ..

JS 2022.11.16

17 JS 숫자형

- 숫자형에 대해 공부했는데 일반적으로 2의 53승 이상이거나 -2의 53승 이하로 만 표기가 가능하지만 Bigint를 사용하면 그 이상도 표기가 가능하다. 하지만 공부한 곳에서는 Bigint만 따로 다루기에 오늘 내용에는 없다. 입력 방법 예) let num1 = 123; let num2 = 100000000; 이렇게 입력해도 되지만 num2처럼 0이 많은 숫자는 오류가 나기 쉽다. 그래서 e를 이용해 간단하게 표현할 수 있으며 e 뒤에 양수를 입력하면 숫자만큼 0이 붙고 음수를 입력하면 수만큼 0의 개수가 소수점으로 붙는다. let num2 = 1e8; // 1뒤에 0을 8개 붙임 즉, 1억임 let num3 = 1.23e7; //이렇게 표현하면 1230만을 표현할 수 있다. let num4 = 1e..

JS 2022.11.15