> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트 - 배열, 문자열, 함수, 변수 유형

자바스크립트 - 배열, 문자열, 함수, 변수 유형

Susan Sarandon
풀어 주다: 2025-01-23 16:35:08
원래의
702명이 탐색했습니다.

정렬:

--> JavaScript의 배열은 단일 변수에 여러 값을 저장하는 데 사용되는 데이터 구조입니다.
--> 배열은 숫자, 문자열, 객체, 심지어 다른 배열을 포함한 다양한 유형의 데이터를 담을 수 있습니다.
--> 인덱스는 0입니다. 즉, 첫 번째 요소는 인덱스 0에 있습니다.

어레이 생성:

1. 대괄호 사용-[]

예:

let fruits = ["apple", "banana", "cherry"];
로그인 후 복사

2. 배열 생성자 사용-새 배열

예:

let numbers = new Array(1, 2, 3, 4);
console.log(numbers);
로그인 후 복사

출력:
[1, 2, 3, 4]

--> JavaScript에서 문자열은 텍스트를 나타내는 데 사용되는 일련의 문자입니다.
--> JavaScript의 문자열은 변경할 수 없으며 변경할 수 없습니다.

문자열 선언

문자열은 다음을 사용하여 정의할 수 있습니다.

Double quotes: "Hello"
Single quotes: 'Hello'
Template literals: `Hello`
로그인 후 복사

참고:

--> 작은따옴표나 큰따옴표로 만든 문자열은 동일하게 작동합니다.
--> 둘 사이에는 차이가 없습니다.
--> 템플릿은 백틱(``)으로 묶인 문자열입니다
--> 템플릿에서는 문자열 안에 작은따옴표와 큰따옴표를 사용할 수 있습니다.

문자열 메서드:

  1. trim() - 문자열 양쪽 끝의 공백을 제거합니다.
  2. toLowerCase() - 문자열의 모든 문자를 소문자로 변환합니다.
  3. toUpperCase() - 문자열의 모든 문자를 대문자로 변환합니다.
  4. includes() - 문자열 내에 하위 문자열이 있는지 확인합니다.
  5. indexOf() - 하위 문자열이 처음 나타나는 인덱스를 찾습니다.
  6. replace() - 첫 번째 부분 문자열을 다른 문자열로 바꿉니다.
  7. replaceAll() - 모든 하위 문자열을 다른 문자열로 바꿉니다.
  8. split() - 구분 기호를 기준으로 문자열을 배열로 분할합니다.
  9. substring() - 두 인덱스 사이의 문자열 부분을 추출합니다.
  10. slice() - 시작 및 끝 인덱스를 사용하여 문자열의 일부를 추출합니다.
  11. startsWith() - 문자열이 특정 하위 문자열로 시작하는지 확인합니다.
  12. endsWith() - 문자열이 특정 하위 문자열로 끝나는지 확인합니다.
  13. match() - 문자열을 정규식과 일치시킵니다.
  14. padStart() - 문자열의 처음부터 특정 문자로 채웁니다.
  15. padEnd() - 문자열 끝부터 특정 문자로 채웁니다.
  16. concat() - 두 개 이상의 문자열을 하나로 결합합니다.
  17. toString() - 값을 문자열로 변환합니다.
  18. localeCompare() - 로케일을 기준으로 정렬하기 위해 두 문자열을 비교합니다.
  19. charAt() - 문자열의 특정 인덱스에 있는 문자를 반환합니다.
  20. charCodeAt() - 메서드는 문자열의 지정된 인덱스에 있는 문자 코드를 반환합니다.
  21. length - 문자열의 문자 수를 검색합니다.

기능

--> 함수는 특정 작업을 수행하는 재사용 가능한 코드 블록입니다.
--> 호출될 때만 코드 블록을 실행합니다.
--> 함수는 function 키워드, 이름, 괄호()로 정의됩니다.
--> 함수 이름에는 문자, 숫자, 밑줄 및 달러 기호가 포함될 수 있습니다(변수와 동일한 규칙).
--> 괄호에는 쉼표로 구분된 매개변수 이름이 포함될 수 있습니다.
(매개변수1, 매개변수2, ...)

구문:

함수명(매개변수1, 매개변수2, 매개변수3) {
//실행할 코드
}

함수반환

JavaScript의 return 문은 함수 내부에서 함수가 호출된 지점에 값을 반환하는 데 사용됩니다.

Image description
변수 유형:

  1. 전역변수
  2. 지역변수

Image description

스위치 설명:

--> JavaScript의 스위치 문은 표현식의 다양한 값을 기반으로 다양한 코드 블록을 실행하는 데 사용됩니다.
--> 여러 조건을 처리할 때 여러 if...else 문을 작성하는 대신 사용할 수 있습니다.
--> switch 문은 실행할 여러 코드 블록 중 하나를 선택하는 데 사용됩니다.

어떻게 작동하나요?

  • 스위치 표현식은 한 번만 평가됩니다.
  • 표현식의 값을 각 경우의 값과 비교합니다.
  • 일치하는 항목이 있으면 관련 코드 블록이 실행됩니다.
  • 일치하는 항목이 없으면 기본 코드 블록이 실행됩니다.

구문:

Image description

위 내용은 자바스크립트 - 배열, 문자열, 함수, 변수 유형의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿