일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- View
- jquery
- 조건문
- Scanner
- mysql
- Eclipse
- 이클립스
- Controller
- Array
- JDBC
- db
- SpringBoot
- MVC
- Oracle
- React
- Uipath
- 문자열
- 자료구조
- 배열
- spring
- Java
- Database
- jsp
- string
- rpa
- html
- Board
- 상속
- Thymeleaf
- API
- Today
- Total
목록개발자 공부/✏️ 자바스크립트 공부 (6)
유정잉
자바스크립트에서 filter()는 배열에서 조건을 만족하는 요소만 "걸러내는(filter)" 메서드✅ 기본 개념let 결과배열 = 원본배열.filter(조건을판단하는함수);filter()는 배열의 각 요소를 순회하면서, 조건이 true인 값만 모아서 새 배열을 만들어 반환 ! 원본 배열은 변하지 않음✅ 간단한 예시const numbers = [1, 2, 3, 4, 5, 6];const evenNumbers = numbers.filter(n => n % 2 === 0);console.log(evenNumbers); // [2, 4, 6]n % 2 === 0 → 짝수인지 검사filter()는 true인 값들만 골라서 [2, 4, 6] 새 배열을 리턴함✅ 객체 배열 예시 const users = [ { na..
new Object()와 {}는 자바스크립트에서 객체를 생성하는 두 가지 방법 ! 기능은 거의 똑같지만, 표현 방식과 실제 사용 시점에서 차이가 존재✅ 1. 기본 형태 비교방식문법설명생성자 방식new Object()Object 생성자를 이용해 객체 생성리터럴 방식{}객체를 직접 표현하는 가장 간단한 방법 ✅ 2. 실제 예제 비교🔸 new Object() 사용let person = new Object();person.name = "유정";person.age = 25;🔸 객체 리터럴 {} 사용let person = { name: "유정", age: 25}; -> 결과적으로 둘 다 똑같은 객체를 만듦console.log(person.name); // "유정"console.log(person.age); ..
✅ 1. .some() — "하나라도 통과하면 true"🔹 문법array.some(callback)배열 안에 하나라도 조건을 만족하면 true, 아니면 false🔹 예시 1: 숫자 중에서 10보다 큰 값이 있는지?const numbers = [3, 7, 11, 2];const hasBigNumber = numbers.some(n => n > 10);console.log(hasBigNumber); // ✅ true (11 있음)🔹 예시 2: 참가자 중에 관리자(admin)가 있는지?const users = [ { name: "유정", role: "user" }, { name: "철수", role: "admin" }, { name: "민수", role: "user" }];const isAdminP..
자바스크립트에서 ==랑 ===는 둘 다 "같다"를 비교하는 연산자지만 동작 방식이 다름 ! 연산자이름비교 방식==동등 연산자값만 비교 (타입은 자동 변환해서 비교함)===일치 연산자값과 타입 모두 비교 (엄격한 비교)🔍 예제🔸 == (느슨한 비교)console.log(5 == "5"); // ✅ true (숫자 5와 문자열 "5"를 같은 값으로 취급)console.log(false == 0); // ✅ true (false는 숫자 0으로 변환돼 비교됨)console.log(null == undefined); // ✅ true (자바스크립트만의 특이한 규칙)🔸 === (엄격한 비교)console.log(5 === "5"); // ❌ false (값은 같지만 타입이 다름)c..
❓퀴즈다음 코드의 출력값은?let obj1 = { value: 10 };let obj2 = obj1;obj1.value = 20;console.log(obj2.value); 20 !🔍이유 설명let obj1 = { value: 10 };let obj2 = obj1;여기서 obj2 = obj1은 값 복사가 아니라, obj1이 가리키는 객체를 참조즉, obj1과 obj2는 같은 객체를 공유하고 있는 상태obj1.value = 20;이렇게 값을 바꾸면, 그 객체의 value 속성 자체가 바뀌기 때문에 obj2.value도 똑같이 20이 됨기본형은 값 복사, 객체는 참조 복사!자바스크립트에서 객체(object)는 여러 개의 데이터를 하나로 묶어서 저장하는 자료형쉽게 말해서, 이름표가 붙은 데이터의 모음집 ! ..
var, let, const는 JavaScript에서 변수를 선언할 때 사용하는 키워드 !이 세 가지는 선언 방식, 스코프(Scope), 호이스팅(Hoisting), 재할당 가능 여부 등의 측면에서 중요한 차이점이 존재 !📌 1. 선언 방식스코프함수 스코프 (var)블록 스코프 (let)블록 스코프 (const)호이스팅O (초기값: undefined)O (초기화 전 접근 시 에러)O (초기화 전 접근 시 에러)재선언OXX재할당OOX (불변)🔍 2. 각 키워드의 특징✅ var함수 스코프만 가짐 (if, for 등 블록에서는 스코프가 구분되지 않음)호이스팅 시 변수 선언이 끌어올려짐(초기값은 undefined)같은 이름으로 재선언 가능재할당 가능function example() { if (true) {..