자바스크립트의 다양한 메소드

JavaScript는 웹 페이지에 동적 효과와 상호 작용을 추가하는 데 사용되는 프로그래밍 언어입니다. 여기에는 웹 페이지의 요소 조작, 문자열 및 값 작업, 시간 간격 및 애니메이션 효과 생성 등을 위한 유용한 방법이 많이 있습니다. 이 기사에서는 JavaScript의 몇 가지 중요한 메소드와 사용법 및 예제에 대해 설명합니다.

1. 문자열 메서드

1. .length
   이 메서드는 모든 문자열의 길이를 반환할 수 있습니다.

예:
let string = "Hello World";
console.log(string.length); // 출력 결과는 다음과 같습니다. 11

2. .charAt()
   이 메서드는 지정된 인덱스의 문자를 반환할 수 있습니다. .

예:
let string = "Hello World";
console.log(string.charAt(3)); // 출력 결과는 'l'

3. .concat()
   이 방법으로 변환할 수 있습니다. 또는 여러 문자열을 연결하고 새 문자열을 반환합니다.

예:
let string1 = "Hello";
let string2 = "World";
console.log(string1.concat(" ", string2)); // 출력 결과는 "Hello World"

4. .indexOf()
   이 메서드는 문자열에서 첫 번째 일치 항목의 위치를 ​​반환하거나, 일치 항목이 없으면 -1을 반환합니다.

예:
let string = "Hello World";
console.log(string.indexOf("o")); // 출력 결과는 다음과 같습니다. 4

5. .replace()
   이 메서드는 .

예:
let string = "Hello World";
console.log(string.replace("World", "JavaScript")) // 출력 결과는 "Hello JavaScript"

6. .slice( )
   이 메서드는 문자열의 지정된 부분을 반환할 수 있습니다.

예:
let string = "Hello World";
console.log(string.slice(1, 5)); // 출력 결과는 "ello"

2입니다.

이 메서드는 배열의 길이를 반환합니다.

1. 
   예:
let array = [1, 2, 3, 4, 5];

console.log(array.length); // 출력 결과는 다음과 같습니다. 5

.push()

이 방법은 다음과 같습니다. 하나 이상의 요소를 배열 끝에 추가하고 새 길이 값을 반환합니다.

2. 
   예:
let array = [1, 2, 3, 4, 5];

console.log(array.push(6)); // 출력 결과는 다음과 같습니다. 6

.pop()

이 메서드는 배열 끝에서 요소를 제거하고 제거된 요소를 반환합니다.

3. 
   예:
let array = [1, 2, 3, 4, 5];

console.log(array.pop()); // 출력 결과는 다음과 같습니다. 5

.join()

메소드 배열의 모든 요소를 ​​단일 문자열로 결합할 수 있습니다.

4. 
   예:
let array = [1, 2, 3, 4, 5];

console.log(array.join(",")) // 출력 결과는 "1,2,3, 4 ,5"

.splice()

이 메서드는 배열에서 요소를 추가하거나 제거할 수 있습니다.

5. 
   예:
let array = [1, 2, 3, 4, 5];

array.splice(2, 0, "a", "b");

console.log(array); 결과는 다음과 같습니다: [1, 2, "a", "b", 3, 4, 5]


.sort()

이 메서드는 배열을 정렬할 수 있습니다.

6. 
   예:
let array = [3, 1, 4, 2, 5];

console.log(array.sort()) // 출력 결과는 다음과 같습니다: [1, 2, 3, 4, 5 ]

3. 수치 메서드

.valueOf()

이 메서드는 수치 값의 원래 값을 반환할 수 있습니다.

1. 
   예:
let num = 123;

console.log(num.valueOf()); // 출력 결과는 123

.toString()

이 메서드는 숫자 값을 문자열 형식으로 변환할 수 있습니다. .

2. 
   예:
let num = 123;

console.log(num.toString()); // 출력 결과는 "123"

.toFixed()

이 메서드는 지정된 소수 자릿수를 유지할 수 있습니다. .

3. 
   예:
let num = 3.14159;

console.log(num.toFixed(2)); // 출력 결과는 다음과 같습니다: "3.14"

.parseInt()

이 메서드는 문자열을 정수형.

4. 
   예:
let string = "123";

console.log(parseInt(string)); // 출력 결과는 다음과 같습니다. 123

.parseFloat()

이 메서드는 문자열을 부동 소수점으로 변환할 수 있습니다. 숫자 유형 .

5. 
   예:
let string = "3.14159";

console.log(parseFloat(string)); //출력 결과는 다음과 같습니다. 3.14159

Four.Event method

.addEventListener()

지정됨 요소에 이벤트 리스너를 추가합니다.

1. 
   예:
let 버튼 = document.querySelector("버튼");

button.addEventListener("click", function() {

console.log("Hello World");
});


. RemoveEventListener()

이 메소드는 지정된 요소에 대한 이벤트 리스너를 제거할 수 있습니다.

2. 
   예:
let 버튼 = document.querySelector("버튼");

function handlerClick() {

console.log("Hello World");
}
button.addEventListener("click", handlerClick);
Button.removeEventListener("click", handlerClick);

위는 JavaScript에서 일반적으로 사용되는 몇 가지 메서드입니다. 물론 이 외에도 다양한 방법이 있지만 위의 방법들을 익히면 웹 개발에 좀 더 익숙해질 수 있습니다.

위 내용은 자바스크립트의 다양한 메소드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!