본문 바로가기

✨ Front-end/자바스크립트(JS)29

[JavaScript] JSON 객체, 배열 사용법 JSON 객체 HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 JSON 배열 HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 JSON(stingify, parse) HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 stringify( ) JSON 객체를 string으로 변환해 준다. parse( ) string 객체를 JSON객체로 변환해 준다. 2023. 9. 1.
[JavaScript] 배열 객체와 날짜함수 배열 객체 1 HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 pop( ) : 뒤에서부터 삭제 push( x ) : 맨 뒤에 숫자 x 넣기 unshift( x ) : 맨 앞에 숫자 x 넣기 shift( ) : 맨 앞에 숫자 삭제 splice( 1, 2 ) : 1번째, 2번째 삭제 x.concat( y ) : x와 y 합침 join( ) : 배열의 모든 요소를 기본 구분자 쉼표( , )로 결합한다. join( ' - ' ) : 배열의 모든 요소를 대시( - ) 로 구분하여 결합한다. every( x ) 배열 내의 모든 요소가 주어진 조건을 만족하는지 여부를 확인한다. 만약 배열내의 모든 요소가 x라면 true, 그렇지 않다면 false이다. some( x ) 배열 내의 어느 .. 2023. 9. 1.
[JavaScript] String 객체 함수 HTML 삽입 미리보기할 수 없는 소스 String 객체 함수 예시 코드 HTML 삽입 미리보기할 수 없는 소스 replace() - 메서드를 사용하여 문자열 내에서 "test"를 찾아 "sample"로 바꿔 결과를 출력한다. length - 문자열의 길이를 출력한다. toUpperCase( ) - 메서드를 사용하여 문자열을 모두 대문자로 변환한 결과를 출력한다. bold - 문자열을 굵은 글씨로 변환한 결과를 출력한다. charAt( x ) - 문자열에서 인덱스가 x인 위치의 문자를 가져와 출력한다. ( 0부터 시작하는 인덱스 ) substring(x,y) - 인덱스 x 부터 y-1까지 부분 문자열을 가져와 출력한다. ( 시작 인덱스 포함, 끝 인덱스 포함 x) substring(x) - 인덱스 x부터.. 2023. 9. 1.
[JavaScript] 생성자 함수 HTML 삽입 미리보기할 수 없는 소스 자바스크립트에서 생성자 함수는 객체를 생성하고 초기화하는 역할을 수행한다. 생성자 함수를 사용하면 유사한 속성과 메서드를 가진 여러 객체를 쉽게 생성할 수 있다. 생성자 함수를 사용하면 코드의 재사용성을 높이고, 객체 간의 구조를 일관성 있게 유지할 수 있다. HTML 삽입 미리보기할 수 없는 소스 1. 생성자 함수의 정의 생성자 함수는 function 키워드를 사용하여 정의된다. 함수 이름은 주로 대문자로 시작하며, 객체의 속성을 초기화하는 코드가 함수 내에 작성된다. 2. 새로운 객체 생성 생성자 함수를 사용하여 새로운 객체(인스턴스)를 생성할 때에는 new 키워드를 사용한다. new 키워드를 사용하면 생성자 함수 내부의 코드가 실행되어 객체가 초기화된다. 3... 2023. 9. 1.