본문 바로가기

JS 공부20

JS 개념정리 05 - 배열 관련 메서드 음수 인덱스음수인 인덱스는 역순을 가리킴. -2번 인덱스라면 뒤에서 2번째 요소.다만 음수 인덱스를 활용해 요소 값을 반환하는 건 불가능하고, 메서드와 함께 활용할 수 있는 개념 let colors = ["red", "blue", "green", "yellow", "purple"];/* 직접 접근은 불가능 */console.log(colors[-1]); // return : undefined/* 메서드 활용은 가능 */colors.splice(-1,1,"black"); // 뒤에서 첫 번째 요소부터 한 개를 제거하고 새 값을 추가console.log(colors); // return : ["red", "blue", "green", "yellow", "black"] .splice()배열에서 원하는 위치의 .. 2024. 10. 26.
JS 개념정리 04 - 배열 배열 활용 이유 객체로도 다양한 값을 가진 컬렉션의 처리가 가능하지만, 객체는 순서를 고려하지 않고 만들어진 자료구조기 때문에, 새로운 프로퍼티를 기존 프로퍼티 사이에 넣는 등의 처리도 불가능함. 순서 개념이 중요한 컬렉션을 활용하기 위해 배열을 사용. 다만 배열도 객체인 점을 오해하지 말 것. 배열의 key는 숫자 index일 뿐 배열의 선언빈 배열을 만들고 이후에 요소를 추가하거나, 처음 선언할 때 요소를 배정해주는 것도 가능각 요소엔 고유한 인덱스가 부여돼있고, 이 인덱스 값이 순서를 나타냄. 인덱스는 0부터 시작함에 주의/* 빈 배열 선언 */let arr = new Array();let arr = []; // 대개 이 방법으로 많이 선언함/* 초기 요소 넣어주며 선언 */let color = [.. 2024. 10. 25.
JS 개념정리 03 - 조건문, 물음표연산자, switch문 조건문if문 : ()안의 조건이 참이면 {}안의 구문을 실행함. 구문이 하나더라도 중괄호를 쓰는 편이 가독성 좋음else절 : if문의 조건이 거짓일 경우 실행됨else if : 여러 조건을 확인해야 할 때 활용. 마지막에 else를 붙일지 말지는 선택사항 조건부 연산자? : 물음표 연산자라고도 하고, 피연산자가 세 개기 때문에 삼항(ternary) 연산자라고도 함. 조건에 따라 다른 값을 변수에 할당해야할 때 활용. 조건을 감싸는 소괄호는 안 써도 무방하지만 가독성을 위해 사용하는 편이 좋음/* 기본 구조 */변수 선언 = (조건) ? (true면 반환할 값) : (false면 반환할 값)/* 예제 */let score = 95;let isPassTest = (score >= 90) ? "pass" :.. 2024. 10. 25.
JS 개념정리 02 - 연산자 기본연산자 개념피연산자(operand) : 연산을 수행하는 대상. 인수(argument)라 부르기도 함단항연산자(unary) : 피연산자를 하나만 받는 연산자이항연산자(binary) : 두 개의 피연산자를 받는 연산자let x = 1, y = 2;/* 단항 연산자 */console.log(-x);/* 이항 연산자 */console.log(x + y); 산술연산자 종류더하기 +, 빼기 -, 곱하기 *, 나누기 /, 나머지 %, 거듭제곱 **▼ 거듭제곱 **더보기더보기let a = 2, b = 1/2;console.log(a**b); // 출력 : 8, a를 b번 거듭제곱한 결과console.log(4**b); // 출력 : 2, 4의 1/2승(제곱근)은 2기 때문더하기 연산자 +로 문자열 연결+는 피연산자.. 2024. 10. 25.
JS 개념정리 01 - 소개, 변수, 자료형 컴파일 언어 (C언어, Java 등)프로그램 실행 전에 컴파일번역 과정에서 문법 검사 등의 별도 처리 거치기 때문에에러를 미리 마주하는 대신, 런타임 도중 번역 과정 없고 에러 확률 적어짐 인터프리터 언어 (Javascript, Python)프로그램 실행과 동시에 한 줄 한 줄 해석하고 실행별도의 컴파일 필요 없지만 런타임 도중 번역 과정 있고 에러 확률 높아짐 언어의 패러다임엔 절차형, 객체지향형, 함수형 등이 있음 문 (statement)어떤 작업을 수행하는 문법 구조(syntax structure)와 명령어(command) 변수를 활용하는 이유기억하고 싶은 값을 메모리에 저장하고, 그 값을 재사용하기 위해서▼ 자세히더보기변수 활용 과정메모리의 영역 중 "변수 영역"에서 빈 공간을 확보해 "식별자"를.. 2024. 10. 24.
freecodecamp 정리 [JS 21~70] - 배열의 마지막 값 쉽게 가져오기. 인덱스가 0부터인 특성 이용const colors = ['white', 'black', 'red', 'blue'];colors[colors.length - 1]; // 결과 : 'blue', 배열의 길이에서 1을 뺀 값 = 마지막 인덱스 값 - 배열명.pop() : 배열 맨 뒤 값을 배열에서 제거하고, 그 값을 returnconst colors = ['white', 'black', 'red', 'blue'];colors.pop();consol.log(colors); // 결과 : ['white', 'black', 'red']consol.log(colors.pop()); // 결과 : ['blue'] - 배열명.push() : 배열 맨 뒤에 값을 추가하고, 값이 추가된.. 2024. 10. 19.

티스토리툴바