본문 바로가기

전체 글376

[Javscirpt] for Each / 배열 순회 forEach() 메서드는 배열을 순회하는 여러 방법 중 하나입니다. 아래와 같은 숫자 배열이 있습니다. const numbers = [1, 2, 3, 4, 5, 6]; for문을 통해서 배열을 순회하는 방식은 아래와 같습니다. for ( i = 0; i < numbers.length; i++) { console.log(numbers[i]); } 그렇다면 forEach 메서드는? 배열을 순회하기 위해 사용되지만, 기본적인 for 반복문과는 다른 방식으로 함수를 사용합니다. forEach 메서드는 다음 매개변수(parameter)와 함께 배열의 각 요소에 적용하게 될 콜백 함수(callback function)를 전달합니다. Current Value (명명된 매개변수) - 처리할 현재 요소 Index (선.. 2022. 9. 20.
[Javascript] set() 메서드 / add() / size / for of / for Each set은 중복을 허락하지 않고, 교, 합, 차집합이 가능함에 따라서 중복을 제거하는 용도로 사용 데이터를 삽입한 순서대로 요소를 순회 // 대문자 주의 // "iterable" => 반복 가능한 객체 new Set([iterable]); 사용 예 // 선언 let set = new Set(); // 데이터 추가 set.add( "축구" ); set.add( "농구" ); set.add( "배구" ); // 출력 console.log( set.size ); console.log( set ); 데이터를 추가할떄는 add() 라는 메서드를 사용하고, 데이터의 갯수를 확인할때는 length가 아니라 size()라는 메서드를 사용. 중복을 허락하지 않기에 같은 이름의 데이터를 추가해도 set.add( "축구" ).. 2022. 9. 20.
[Javascript] 배열 객체 / join() / reverse() / sort() / slice() / splice() / concat() / pop() / push() / shift() / unshift() / length에 관해서 변수에는 데이터가 한 개만 저장. 여러 개의 데이터를 하나의 장소에 저장하려면? 배열 객체(Array Object)를 생성하면 됩니다. 배열 객체(Array object) 생성하는 방식 1. let 참조 변수 = new Array(); 참조변수[0]=값1; 참조 변수[10]=값2; ... 참조 변수[n-1]=값n; 2. let 참조 변수 = new Array(값1, 값2, ... 값n); 3. let 참조 변수 = [값2, 값2, ... 값n]; 배열 객체 생성 예시 // 배열 선언 방법 1 let arr1 = []; // 배열 선업 방법 2 let arr2 = Array(); let arr3 = new Array(); // 선언된 배열 호출 console.log( arr1); console.log( a.. 2022. 9. 19.
[Javascript] 수학 객체 / Math.abs() / Math.max() / Math.min() / Math.pow() / Math.random() / Math.round() / Math.ceil() / Math.floor() / Math.sqrt() / Math.PI() 자바스크립트 내장 객체에는 수학 관련 기능과 속성을 제공하는 수학 객체(Math Object) 존재 날짜 객체와는 다르게 객체를 따로 선언할 필요가 없음. 메소드를 통해 바로 사용이 가능 수학정보 객체 Math.abs(숫자) 절댓값 반환 Math.max( 숫자1, 숫자2, ... 숫자n ) 가장 큰 값 반환 Math.min( 숫자1, 숫자2, ... 숫자n ) 가장 작은 값 반환 Math.pow( 숫자, 제곱값 ) 거듭제곱값을 반환 Math.random() 0 2022. 9. 19.
[Javascript] 날짜 정보 객체 / getFullYear() / getMonth() / getDate() / getDay() / getHours() / getMinutes() / getSeconds() / getMiliseconds() / getTime() 날짜나 시간 관련 정보를 제공받고 싶을 때 사용하는 날짜 객체(Date Object) 우선, 현재 날짜의 정보를 제공하는 Date 객체를 생성 //기본 형식 참조 변수 = new Date(); // 예 let date = new Date(); 또는, 현재 날짜가 아니라 특정 날짜의 Date 객체 생성 // 기본 형식 참조 변수 = new Date("연/월/일"); // 예 let date = new Date("2022/9/19") 날짜 정보 객체 getFullYear() 연도 정보 getMonth() 월 정보( 현재 월 -1) getDate() 일 정보 getDay() 요일 정보(일: 0 ~ 토:6) getHours() 시 정보 getMinutes() 분 정보 getSeconds() 초 정보 getMil.. 2022. 9. 19.
[Javascript] alert() / confirm() / prompt()에 관해서 alert() 또는 window.alert() 확인 버튼을 가지며 메시지를 지정할 수 있는 경고 대화 상자를 띄움. window.alert("반갑습니다."); 모달 창으로 대화 상자가 닫힐 때까지 사용자가 프로그램 인터페이스의 나머지 부분에 액세스하는 것을 방지. 추가설명) 모달(Modal): 대화상자(dialog)가 실행될 떄 제어권을 독점하게 되어, 대화 상자가 종료되기 전까지는 기존 화면을 제어할 수 없는 방식 모달리스(Modeless): 모달과 반대되는 개념으로, 대화 상자(dialog)가 실행되더라도 기존 화면을 제어할 수 있는 방식 confirm() 또는 window.confirm() 사용자에게 확인과 취소, 두 버튼을 보여주며 메시지를 지정할 수 있는 모달 대화 상자를 띄움. 반환 값으로는 .. 2022. 9. 19.
[Jascript] 함수 / 기본 함수 선언 / 익명 함수 선언 / 호이스팅에 관해서 함수란? 변수에는 데이터만 저장할 수 있고, 코드는 저장할 수 없음. 함수는 코드를 메모리에 저장했다가 필요할 떄 마다 호출하여 사용 기본 함수 정의문 선언 function 함수명() { 자바스크립트 코드; } 1) 기본 함수 정의문 선언 예제 // 기본 함수 정의 function f1() { console.log( "기본 함수 정의문인 \"f1\"을 호출 했습니다." ) } // 기본 함수 호출 f1(); 2) 기본 함수 정의문 선언문 출력 예제 익명 함수(함수명이 없는 함수) 선언 참조 변수 = function() { 자바스크립트 코드; } 1) 익명 함수 선언 예제 // 익명 함수 선언 // 추가로 알고가기) let - 변숫값 재할당 가능, const - 재할당 불가능 const f2 = funct.. 2022. 9. 18.
[CS] 스택(Stack)과 큐(Queue)에 관해서 스택(Stack)이란 책을 쌓는 것처럼 차곡차곡 쌓아 올린 형태의 자료 구조를 말하며, 데이터를 기록하는 구조로 객체들의 집합소이다. 주요 용도는 아래와 같다. 웹 브라우저 뒤로가기 실행 취소(undo) 문자열 역순 만들기 또한, 같은 구조와 크기의 데이터를 한 방향으로만 쌓을 수 있고, top으로 정한 곳을 통해서만 접근 가능하다. 가장 최근에 삽입된 자료는 가장 위에 있는 top에 위치하고 있으며, 스택에서 자료를 삭제할 떄도 top을 통해서만 가능하다. push: 삽입하는 연산 pop, peek: 삭제하는 연산 위 사진과 같이 데이터가 순서대로 쌓이며 가장 마지막에 삽입된 자료가 가장 먼저 삭제되는 구조이므로 LIFO( 후입선출, Last-In-First-Out ) 구조라고 함. 큐(Queue)이란.. 2022. 9. 18.
[Javascript]소문자 문장을 입력 받으면 대문자로 반환해주는 함수 자동적으로 맨 앞에 문자를 대문자로 바꿔주는 함수를 코딩한다면? 기본 형식 함수명( "문장") 예제 upperCaseData("anacond yellow") 출력 Anacond Yellow 소스코드 2022. 9. 17.

티스토리툴바