자바스크립트 다양한 방법

JavaScript는 웹 개발, 게임 개발, 모바일 애플리케이션 개발 등 다양한 분야에서 널리 사용되는 프로그래밍 언어입니다. 메소드는 JavaScript 개발에서 매우 중요한 부분입니다. 이 기사에서는 JavaScript의 다양한 메소드를 소개하고 예제를 통해 이러한 메소드의 적용을 보여줍니다.

1부: 기본 방법

1. alert() 방법

alert() 방법은 브라우저 페이지에 대화 상자를 표시하는 데 사용되며 일반적으로 사용자에게 정보나 경고를 표시하는 데 사용됩니다.

구문:

alert("message");

예:

alert("내 웹사이트에 오신 것을 환영합니다!")

2. prompt() 메소드

prompt() 메소드는 대화 상자에서 사용자에게 정보를 입력하라는 메시지를 표시합니다. 사용자가 입력한 값(문자열 유형)을 반환합니다.

구문: ​​

prompt("메시지","기본값");

예:

let name = 프롬프트("이름을 입력하세요:","Zhang San");

3. console.log ( ) method

console.log() 메소드는 코드 디버깅 시 가장 일반적으로 사용되는 메소드로, 콘솔에 정보를 출력하는 데 사용됩니다. 문자열, 변수, 객체, 배열 등의 유형의 데이터를 출력할 수 있습니다.

구문:

console.log("메시지");

예:

let num = 10;
console.log("숫자는 " + num);

4. parseInt() 메서드

문자열을 정수형으로 변환하는 데는 ParseInt() 메서드가 사용됩니다. 변환이 불가능하면 NaN이 반환됩니다.

구문: ​​

parseInt(string, radix);

string: 정수로 변환할 문자열.

radix: 기본 변환, 선택 사항. 설정하지 않은 경우 기본값은 10입니다.

예:

let str = "123";
let num =parseInt(str);
console.log(num); //123

5. parseFloat() 메서드

parseFloat() 메서드는 다음 작업에 사용됩니다. parseFloat() 문자열을 부동 소수점 유형으로 변환합니다. 변환이 불가능하면 NaN이 반환됩니다.

구문: ​​

parseFloat(string);

string: 부동 소수점 숫자로 변환할 문자열입니다.

예:

let str = "3.14";
let num =parseFloat(str);
console.log(num); //3.14

2부: 배열 메서드

1. push() 및 pop() 메소드

push() 메소드는 배열의 끝에 요소를 추가하는 데 사용되는 반면, pop() 메소드는 배열의 끝에서 요소를 제거하는 데 사용됩니다.

구문: ​​

push(newelement);

pop();

예:

letfruits = ["사과","바나나","오렌지"];
fruits.push("포도");
console.log(과일); //["사과","바나나","오렌지","포도"]
fruits.pop();
console.log(과일); Banana","Orange"]

2. shift() 및 unshift() 메서드

shift() 메서드는 배열의 시작 부분에 있는 요소를 삭제하는 데 사용되고, unshift() 메서드는 배열의 시작 부분에 요소를 추가하는 데 사용됩니다. 배열의 시작.

구문: ​​

shift();

unshift(newelement);

예:

letfruits = ["사과","바나나","오렌지"];
fruits.unshift("포도");
console.log(과일); //["포도","사과","바나나","오렌지"]
fruits.shift();
console.log(과일); Banana","Orange"]

3. slice() 메서드

slice() 메서드는 배열에서 요소 섹션을 가로채는 데 사용됩니다. 원래 배열을 수정하지 않고 새 배열을 반환합니다.

구문: ​​

slice(start, end);

start: 시작 위치(이 위치 포함).

end: 이 위치를 제외한 끝 위치입니다.

end를 생략하면 배열의 시작 위치부터 끝까지 가로채게 됩니다.

예:

letfruits = ["사과","바나나","오렌지","포도"];
let newfruits =fruits.slice(1,3);
console.log(newfruits) // ["Banana","Orange"]

3부: 문자열 메서드

1. toUpperCase() 및 toLowerCase() 메서드

toUpperCase() 메서드는 문자열을 대문자 형식으로 변환하는 데 사용되며, toLowerCase() 메서드는 사용됩니다. 문자열을 소문자 형식으로 변환합니다.

구문:

toUpperCase();

toLowerCase();

예:

let str = "Hello World";
let newstr1 = str.toUpperCase();
let newstr2 = str.toLowerCase();
console.log(newstr1); //"HELLO WORLD"
console.log(newstr2); //"hello world"

2. indexOf() 및 lastIndexOf() 메소드는

indexOf() 메소드를 사용하여 문자 문자열에서 지정된 문자 또는 문자열의 위치입니다. 찾을 수 없으면 -1을 반환합니다. lastIndexOf() 메서드는 indexOf() 메서드와 유사하지만 문자열의 끝부터 검색을 시작합니다.

구문: ​​

indexOf(searchvalue, start);

searchvalue: 찾을 값으로, 문자 또는 문자열일 수 있습니다.

start: 선택적 매개변수. 검색을 시작할 인덱스입니다.

lastIndexOf(검색값, 시작);

예:

let str = "Hello World";
let pos1 = str.indexOf("l");
let pos2 = str.lastIndexOf("l");
console.log(pos1); //2
console.log(pos2); //9

3. concat() method

concat() 메소드는 여러 문자열을 연결하여 새로운 문자열을 생성하는 데 사용됩니다.

구문: ​​

concat(string1, string2, ..., stringn);

예:

let str1 = "Hello";
let str2 = "World";
let str3 = str1.concat(" " , str2);
console.log(str3); //"Hello World"

4부: 개체 메서드

1. keys() 및 value() 메소드

keys() 메소드는 객체의 모든 키를 가져오는 데 사용되는 반면, value() 메소드는 객체의 모든 값을 가져오는 데 사용됩니다. 둘 다 배열을 반환합니다.

구문:

Object.keys(객체);

Object.values(객체);

예:

let obj = {이름:"장산",연령:18,도시:"베이징"};
let 키 = Object.keys(obj);
let 값 ​​= Object.values(obj);
console.log(keys); //["name","age","city"]
console. log(values); //["Zhang San",18,"Beijing"]

2. toString() method

toString() 메서드는 객체를 문자열로 변환하는 데 사용되며 디버깅 및 로깅에 자주 사용됩니다.

구문: ​​

object.toString();

예:

let obj = {name:"Zhang San",age:18,city:"Beijing"};
console.log(obj.toString() ); //"[객체 객체]"

3. hasOwnProperty() method

hasOwnProperty() 메소드는 객체에 특정 속성이 존재하는지 확인하는 데 사용됩니다. 존재하는 경우 true를 반환하고, 그렇지 않으면 false를 반환합니다.

구문: ​​

object.hasOwnProperty(property);

property: 확인할 속성의 이름.

예:

let obj = {name:"Zhang San",age:18,city:"Beijing"};
console.log(obj.hasOwnProperty("name")) //true
console.log (obj.hasOwnProperty("gender")); //false

5부: 날짜 메서드

1. Date() 메서드

Date() 메서드는 날짜와 시간을 가져오거나 설정하는 데 사용됩니다. 매개변수가 전달되지 않으면 현재 날짜와 시간이 반환됩니다.

구문: ​​

new Date();

예:

let date = new Date();
console.log(date) //Wed Aug 04 2021 15:41:10 GMT+0800(중국 표준) Time)

2. getDate(), getMonth() 및 getFullYear() 메소드

getDate() 메소드는 현재 날짜(매월의 일자)를 가져오는 데 사용되며, getMonth() 메소드는 현재 날짜를 가져오는 데 사용됩니다. 월(0은 1월, 11은 12월), getFullYear() 메서드를 사용하여 현재 연도를 가져옵니다.

구문: ​​

getMonth();

getFullYear();

예:

let day = date.getDate(); date.getMonth() + 1;

let year = date.getFullYear();

console.log(연도 + "-" + 월 + "-" + 일) //"2021-8-4"

Summary :

이 글에서는 자바스크립트에서 일반적으로 사용되는 기본 메소드, 배열 메소드, 스트링 메소드, 객체 메소드, 날짜 메소드를 소개하고 해당 예제를 제공하여 독자들에게 도움이 되기를 바랍니다. 물론, JavaScript에는 이보다 훨씬 더 많은 메서드가 있습니다. 더 자세히 알고 싶다면 더 많은 문서나 참고서를 참조하고 연습해 보는 것이 좋습니다.

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