JS 함수, 객체, 문자열-JS 튜토리얼-php.cn

JS 함수, 객체, 문자열

王林

풀어 주다： 2024-07-18 13:12:39

원래의

920명이 탐색했습니다.

JS Function, Object, String

자바스크립트 함수는 특정 작업을 수행하도록 설계된 코드 블록입니다. 함수는 "무언가"가 호출할 때 실행됩니다.
JavaScript 함수는 function 키워드, 이름, 괄호()로 정의됩니다.
함수 매개변수는 함수 정의의 괄호() 안에 나열됩니다. 함수 인수는 함수가 호출될 때 함수가 수신하는 값입니다. 함수 내에서 인수(매개변수)는 지역 변수처럼 동작합니다.
JavaScript가 return 문에 도달하면 함수 실행이 중지됩니다. 함수가 명령문에서 호출된 경우 JavaScript는 호출된 명령문 다음에 코드를 실행하기 위해 "반환"합니다. 함수는 종종 반환 값을 계산합니다. 반환 값은 "발신자"에게 다시 "반환"됩니다.
() 연산자는 함수를 호출(호출)합니다. () 없이 함수에 액세스하면 함수 결과가 아닌 함수가 반환됩니다.
객체 리터럴은 중괄호 {} 안의 이름:값 쌍 목록입니다.
두 가지 방법으로 개체 속성에 액세스할 수 있습니다.
objectName.propertyName, objectName["propertyName"]
객체는 속성과 메서드의 컨테이너입니다. 속성은 이름이 지정된 값입니다. 메소드는 속성으로 저장된 함수입니다. 속성은 원시 값, 함수 또는 기타 개체일 수 있습니다. 객체는 객체, 수학은 객체, 함수는 객체, 날짜는 객체, 배열은 객체, 맵은 객체, 세트는 객체입니다. 프리미티브를 제외한 모든 JavaScript 값은 객체입니다.
원시 값은 속성이나 메서드가 없는 값입니다. 3.14는 기본 값입니다. 원시 데이터 유형은 원시 값을 갖는 데이터입니다. JavaScript는 7가지 유형의 기본 데이터 유형을 정의합니다.
가) 문자열
나) 번호
C) 부울
라) null
마) 정의되지 않음
바) 기호
G) 빅인트
기본 값은 불변입니다(하드코딩되어 변경할 수 없음).
객체는 변경 가능합니다. 값이 아닌 참조로 처리됩니다.
객체는 속성의 순서가 지정되지 않은 컬렉션입니다. 속성은 자바스크립트 객체에서 가장 중요한 부분입니다. 속성은 변경, 추가, 삭제할 수 있으며 일부는 읽기 전용입니다.
delete 키워드는 객체에서 속성을 삭제합니다. delete 키워드는 속성 값과 속성 자체를 모두 삭제합니다.
객체 액세스 메서드- objectName.methodName()
객체에 새 메서드 추가 -
person.name = 함수 () {
return this.firstName + " " + this.lastName;
};
텍스트를 대문자로 변환하는 toUpperCase() 메서드.
JavaScript 개체를 표시하는 몇 가지 솔루션은 다음과 같습니다.
개체 속성을 이름으로 표시, 개체 표시
루프의 속성, Object.values()를 사용하여 객체 표시,
JSON.stringify()를 사용하여 객체 표시
객체 For In Loop -
const 사람 = {
이름: "John",
나이: 30,
도시: "뉴욕"
};
let text = "";
for (x를 직접 만나보세요) {
텍스트 += 사람[x] + " ";
};
document.getElementById("demo").innerHTML = 텍스트;
루프에는 person[x]를 사용해야 합니다. person.x는 작동하지 않습니다(왜냐면
x는 루프 변수입니다).
Object.values()는 속성 값에서 배열을 생성합니다.
예 - Object.values(사람)
Object.entries()를 사용하면 루프에서 객체를 간단하게 사용할 수 있습니다.
JSON 메소드를 사용하여 JavaScript 객체를 문자열로 변환할 수 있습니다.
JSON.stringify().
객체 유형을 생성하려면 객체 생성자 함수를 사용합니다.
함수 사람(이름, 성, 나이, 눈) {
this.firstName = 첫 번째;
this.lastName = 마지막;
this.age = 나이;
this.eyeColor = 눈;
}
const myFather = new Person("John", "Doe", 50, "blue");
const myMother = new Person("샐리", "집회", 48, "녹색");
myMother.changeName = 함수(이름) {
this.lastName = 이름;
}
myMother.changeName("Doe");
document.getElementById("demo").innerHTML =
"내 어머니의 성은 " + myMother.lastName;
예시입니다!
HTML 이벤트는 HTML 요소에 발생하는 "사물"입니다.
때 JavaScript는 HTML 페이지에서 사용되며 JavaScript는 이러한
에서 "반응"할 수 있습니다. 이벤트. 다음은 HTML 이벤트의 몇 가지 예입니다. -
HTML 웹페이지 로드가 완료되었습니다. HTML 입력 필드는
입니다. 변경되었습니다. HTML 버튼이 클릭되었습니다. 일반 HTML 이벤트 -

onchange - HTML 요소가 변경되었습니다
onclick - 사용자가 HTML 요소를 클릭합니다
onmouseover - 사용자가 HTML 요소 위로 마우스를 이동합니다
onmouseout - 사용자가 HTML 요소에서 마우스를 멀리 이동합니다
onkeydown - 사용자가 키보드 키를 누릅니다
onload - 브라우저가 페이지 로드를 완료했습니다

문자열

문자열은 텍스트를 저장하는 데 사용됩니다. 문자열은
로 작성됩니다. 인용문.
템플릿 문자열은 ES6(JavaScript
)에서 도입되었습니다. 2016). 템플릿은 백틱으로 묶인 문자열입니다. (이것은
템플릿 문자열). 템플릿은
안에 작은따옴표와 큰따옴표를 허용합니다. 끈. Internet Explorer에서는 템플릿이 지원되지 않습니다.
문자열의 길이를 찾으려면 내장된 길이
를 사용하세요. 재산입니다.
백슬래시 이스케이프 문자()는 특수 문자
로 변경됩니다. 문자열 문자로. let text = "우리는 소위 북쪽에서 온 "바이킹"입니다."; let text= '괜찮습니다.';
JavaScript 객체로서의 문자열 - let y = new String("John");
Strings 객체를 생성하지 마세요. 새 키워드는 코드를 복잡하게 만들고 실행 속도를 저하시킵니다. 문자열 객체는 예상치 못한 결과를 초래할 수 있습니다
두 JavaScript 객체를 비교하면 항상 false가 반환됩니다.
기본 문자열 메소드 -

문자열 length - 길이 속성은 문자열의 길이를 반환합니다. 문자열입니다.
문자열 charAt() - charAt() 메서드는 문자를 반환합니다. 문자열의 지정된 인덱스(위치)에.
문자열 charCodeAt() - charCodeAt() 메서드는 문자열의 지정된 인덱스에 있는 문자의 코드입니다. 그만큼 메소드는 UTF-16 코드(0에서 65535 사이의 정수)를 반환합니다.
()의 문자열
문자열 [ ]
스트링 슬라이스()
문자열 하위 문자열()
문자열 하위 문자열()
문자열을 대문자로()
문자열 toLowerCase()
문자열 연결()
문자열 다듬기()
문자열 다듬기시작()
문자열 다듬기End()
문자열 padStart()
문자열 padEnd()
문자열 반복()
문자열 바꾸기()
문자열 바꾸기All()
문자열 분할()