효니 TIL

문자열을 배열로 변환하기자바스크립트의 split() 메서드는 문자열에 사용되는 메서드입니다.split() 메서드는 문자열을 특정 구분자를 기준으로 나누어 배열로 변환하는 데 사용됩니다.string.split(separator, limit);separator(필수): 문자열을 나눌 구분자입니다. 문자열이나 정규식을 사용할 수 있습니다.limit(선택): 반환할 배열의 최대 길이를 지정할 수 있습니다. 이 값을 지정하면 반환되는 배열의 요소 수가 이 값을 넘지 않습니다.const str = "apple,banana,orange";문자열을 만듭니다.const arr = str.split(",");console.log(arr); // ['apple', 'banana', 'orange']콤마로 분리하면 문자열을 ..

배열의 길이 확인하기배열의 길이는 배열에 포함된 요소의 개수를 나타냅니다..length 속성을 사용하여 배열의 요소 수를 얻을 수 있습니다.const fruits = ["apple", "banana", "cherry"];console.log(fruits.length); //3 배열의 길이 설정하기.length 속성을 사용하여 배열의 크기를 변경할 수 있습니다.배열의 길이를 줄이면 그 길이 이후에 있는 요소는 삭제됩니다.const fruits = ["apple", "banana", "cherry"];fruits.length = 2;console.log(fruits); // ["apple", "banana"] 배열의 길이 늘리기배열의 길이를 늘리면 그 길이만큼 새로운 빈 요소가 추가됩니다.이는 새로운 요소가..

다중 배열다중 배열(Multidimensional Array)은 배열 안에 배열이 포함된 구조입니다.쉽게 말해, 배열의 요소 중 일부가 또 다른 배열인 경우입니다.예를 들어, 표(table)처럼 데이터를 정리할 수 있습니다. 2차원 배열이란?2차원 배열은 배열의 요소가 또 다른 배열인 구조입니다.보통 행(row)과 열(column)로 데이터를 저장할 때 사용합니다.const matrix = [ [1, 2, 3], [4, 5, 6], [7, 8, 9],];위 코드는 3x3 크기의 2차원 배열입니다.여기서 matrix는 3개의 배열을 포함하는 배열입니다.각 내부 배열은 3개의 숫자를 포함하고 있습니다. 2차원 배열 요소에 접근하기2차원 배열의 요소에 접근하려면 두 개의 인덱스를 사용합니다.첫 번째 인덱..

배열 요소 접근배열의 각 요소는 인덱스(번호)를 통해 접근할 수 있습니다.배열의 인덱스는 0부터 시작합니다.const fruits = ["apple", "banana", "cherry"];console.log(fruits[0]); // "apple"console.log(fruits[1]); // "banana"console.log(fruits[2]); // "cherry"인덱스가 0부터 시작하는 대괄호 구문[]을 사용하여 배열에서 요소를 가져올 수 있습니다. 배열 요소 수정단일 배열 항목에 새 값을 제공하여, 배열의 항목을 수정할 수 있습니다.const fruits = ["apple", "banana", "cherry"];fruits[0] = "mango";console.log(fruits[0]); //..

Array(배열)자바스크립트에서 Array(배열)은 여러 개의 값을 하나의 변수에 저장할 수 있는 데이터 구조입니다.배열을 사용하면 같은 변수에 관련된 데이터들을 그룹화하여 관리할 수 있습니다. 배열 생성하기배열은 대괄호로 구성되며 쉼표로 구분된 항목들을 포함합니다. 1. 리터럴 표기법const fruits = ["apple", "banana", "cherry"]; 2. Array 생성자const fruits = new Array("apple", "banana", "cherry");fruits라는 배열이 생성되었으며,배열 안에는 "apple", "banana", "cherry"라는 세 개의 문자열이 포함되어 있습니다. 문자열 외에도 다양한 데이터 유형을 배열에 저장할 수 있습니다.(문자열, 숫자, 개체,..

문자열을 숫자로 변환하기 - Number() 문자열을 숫자로 변환하는 가장 간단한 방법은 Number() 함수를 사용하는 것입니다. Number() 함수는 다른 값을 Number 타입으로 변환합니다. 만약 만약 인수를 숫자로 변환할 수 없으면 NaN을 리턴합니다. let num = "20";console.log(Number(num)); // 20Number(num)Number() 함수를 사용하여문자열 "20"을 숫자 2로 변환하였습니다. console.log(Number("123")); // 숫자 123을 반환console.log(Number("123") === 123); // trueconsole.log(Number("unicorn")); // NaNconsole.log(Number(undefi..

웹 콘솔에서 "Hello world' 출력하기웹 콘솔은 현재 로드된 웹 페이지에 대한 정보를 표시하고,현재 페이지에서 Javascript표현식을 실행하고 테스트할 수 있습니다. 웹 콘솔을 열기 위해서는윈도우와 리눅스의 경우 Ctrl+Shift+I 맥에서는 Cmd-Option-K, Firefox에서는 기타 도구 메뉴를 열고 "웹 개발자 도구"를 선택합니다. 웹 콘솔을 열고 "Hello world"을 출력해 보세요.console.log("Hello world"); 콘솔에서 실행되는 코드 스니펫(재사용 가능한 코드)이 서로 상호 작용하지 않도록 해야 합니다.(ex: 한 콘솔 실행에서 생성된 항목이 다른 콘솔 실행에 사용되는 경우)

연산자 우선순위a 연산자1 b 연산자2 c연산자 1과 연산자 2의 자리에는 아무 연산자나 넣을 수 있습니다. 두 연산자의 우선순위(아래 표 참고)가 다를 경우, 우선순위가 높은 연산자가 먼저 실행되고 결합성은 영향을 미치지 않습니다. console.log(3 + 10 * 2); // 23을 출력console.log(3 + 10 * 2); // 23을 출력, 괄호는 불필요함console.log((3 + 10) * 2); // 26을 출력, 괄호로 인해 실행 순서가 바뀜위 예제에서는 덧셈이 곱셈보다 먼저 쓰였음에도 곱셈의 우선순위가 높기 때문에 먼저 실행됩니다. a = b = 5; // a = (b = 5);와 같음대입 연산자는 대입된 값을 반환하므로 a와 b의 값이 5가 됨을 예상할 수 있습니다.b =..

Javascript에서 사용되는 연산자 몇 가지를 알아보겠습니다. 1. 산술 연산자2. 증가 및 감소 연산자 3. 문자열 연산자4. 대입 연산자5. 비교 연산자6. 논리 연산자7. 조건 (삼항) 연산자8. 단항 연산자9. 관계 연산자 **참고: 피연산자는 연산자에 의해 처리되는 데이터를 의미합니다.예를 들어, 숫자 두 개를 더하는 경우 두 숫자는 피연산자이고 "+"는 연산자입니다. 1. 산술 연산자산술 연산자는 두 개의 숫자 값(리터럴 또는 변수)을 피연산자로 받아서하나의 숫자 값을 반환합니다. 표준 산술 연산자는 더하기(+), 빼기(-), 곱하기(*), 나누기(/)입니다.(0으로 나눌 경우 Infinity를 반환하니 주의해야 합니다.)console.log(1 + 1); // add(추가)console...

변수에 저장할 수 있는 데이터 유형에 대해 몇 가지 알아보겠습니다. 1. 숫자(Number)2. 문자열(String)3. boolean4. 배열(Array)5. null6. undefined7. 객체(Objects)8. symbol(ES6에서 추가)9. 동적 타이핑(Dynamic typing) ** JavaScript에서는 데이터 타입을 확인하기 위해 typeof 라는 키워드를 사용합니다. 숫자(Number) 30과 같은 숫자 (정수라고도함) 나 2.456(부동소수점 또는 부동 소수점 숫자라고도 함) 같은 십진수 숫자를 변수에 저장할 수 있습니다. JavaScript는 일부 프로그래밍 언어처럼 숫자 유형에 따른 다른 데이터 유형을 가지고 있지 않습니다. 변수에 숫자 값을 대입할 때, 따옴표는 사용하지 ..