>  기사  >  웹 프론트엔드  >  js 내장 객체의 기능 및 사용법

js 내장 객체의 기능 및 사용법

王林
王林원래의
2024-01-10 10:59:451172검색

js 내장 객체의 기능 및 사용법

js 내장 객체의 기능 및 사용법

JavaScript(줄여서 JS)는 웹 개발에 널리 사용되는 스크립팅 언어입니다. 객체 지향 언어인 JS는 개발자가 보다 효율적으로 프로그래밍하는 데 도움이 되는 다양한 기능과 메서드가 포함된 많은 내장 객체를 제공합니다.

이 글에서는 Math, Date, Array, String 등 일반적으로 사용되는 JS 내장 개체와 해당 기능 및 사용법을 소개하고 구체적인 코드 예제를 제공합니다.

  1. Math 객체

Math 객체는 일반적으로 사용되는 다양한 수학적 계산 방법을 제공하는 수학 관련 내장 객체입니다.

Math 객체의 일반적인 메서드는 다음과 같습니다.

  • Math.abs(x): x의 절대값을 반환합니다.
  • Math.ceil(x): x보다 크거나 같은 가장 작은 정수를 반환합니다.
  • Math.floor(x): x보다 작거나 같은 가장 큰 정수를 반환합니다.
  • Math.round(x): x에 가장 가까운 정수를 반환합니다.
  • Math.max(x1, x2, ...): 숫자 집합의 최대값을 반환합니다.
  • Math.min(x1, x2, ...): 숫자 집합의 최소값을 반환합니다.
  • Math.random(): 0과 1 사이의 난수를 반환합니다.

샘플 코드:

console.log(Math.abs(-5));  // 输出:5
console.log(Math.ceil(3.7));  // 输出:4
console.log(Math.floor(3.7));  // 输出:3
console.log(Math.round(3.2));  // 输出:3
console.log(Math.max(1, 2, 3));  // 输出:3
console.log(Math.min(1, 2, 3));  // 输出:1
console.log(Math.random());  // 输出:0.123456789(随机数)
  1. Date 객체

Date 객체는 날짜 및 시간 관련 작업을 처리하는 데 사용됩니다. 현재 시간을 나타내는 Date 객체를 생성하거나, 날짜와 시간을 지정하여 Date 객체를 생성할 수 있습니다.

Date 객체의 일반적인 메소드는 다음과 같습니다.

  • new Date(): 현재 시간을 나타내는 Date 객체를 생성합니다.
  • new Date(년, 월, 일 [, 시, 분, 초, 밀리초]): 날짜와 시간을 지정하는 Date 개체를 만듭니다.
  • Date.now(): 현재 시간의 타임스탬프를 반환합니다.

샘플 코드:

var now = new Date();
console.log(now);  // 输出:Mon Dec 20 2021 15:30:00 GMT+0800 (中国标准时间)

var specificDate = new Date(2021, 11, 25);
console.log(specificDate);  // 输出:Fri Dec 25 2021 00:00:00 GMT+0800 (中国标准时间)

var timestamp = Date.now();
console.log(timestamp);  // 输出:1639977000000(时间戳)
  1. Array 객체

Array 객체는 일련의 데이터를 저장하고 조작하는 데 사용되는 내장 객체입니다. Array 객체는 리터럴이나 생성자를 통해 생성될 수 있습니다.

Array 객체의 일반적인 메서드는 다음과 같습니다.

  • push(element1, element2, ...): 배열 끝에 하나 이상의 요소를 추가합니다.
  • pop(): 배열의 마지막 요소를 제거하고 반환합니다.
  • shift(): 배열의 첫 번째 요소를 삭제하고 반환합니다.
  • unshift(element1, element2, ...): 배열 시작 부분에 하나 이상의 요소를 추가합니다.
  • concat(array1, array2, ...): 여러 배열을 병합하는 새 배열을 반환합니다.

샘플 코드:

var fruits = ['apple', 'banana', 'orange'];
fruits.push('pear');
console.log(fruits);  // 输出:[ 'apple', 'banana', 'orange', 'pear' ]

var lastFruit = fruits.pop();
console.log(lastFruit);  // 输出:pear
console.log(fruits);  // 输出:[ 'apple', 'banana', 'orange' ]

var firstFruit = fruits.shift();
console.log(firstFruit);  // 输出:apple
console.log(fruits);  // 输出:[ 'banana', 'orange' ]

fruits.unshift('grape');
console.log(fruits);  // 输出:[ 'grape', 'banana', 'orange' ]

var moreFruits = ['watermelon', 'kiwi'];
var allFruits = fruits.concat(moreFruits);
console.log(allFruits);  // 输出:[ 'grape', 'banana', 'orange', 'watermelon', 'kiwi' ]
  1. String 객체

String 객체는 문자열을 처리하기 위해 내장된 객체입니다. String 개체의 메서드를 사용하여 연결, 검색, 바꾸기 등의 문자열 작업을 수행할 수 있습니다.

String 객체의 일반적인 메소드는 다음과 같습니다.

  • length: 문자열의 길이를 반환합니다.
  • charAt(index): 지정된 인덱스 위치에 있는 문자를 반환합니다.
  • indexOf(substring): 문자열에서 하위 문자열이 처음 나타나는 인덱스 위치를 반환합니다.
  • substring(startIndex, endIndex): 문자열에서 지정된 범위의 하위 문자열을 반환합니다.
  • replace(oldValue, newValue): 문자열의 이전 값을 새 값으로 바꿉니다.

샘플 코드:

var message = 'Hello, World!';
console.log(message.length);  // 输出:13

console.log(message.charAt(4));  // 输出:o

console.log(message.indexOf('World'));  // 输出:7

console.log(message.substring(7, 12));  // 输出:World

var newMessage = message.replace('World', 'JavaScript');
console.log(newMessage);  // 输出:Hello, JavaScript!

위는 일반적으로 사용되는 JS 내장 개체와 해당 기능 및 사용법에 대한 소개입니다. 이러한 내장 개체의 메서드를 통해 수학 연산, 날짜 및 시간을 보다 쉽게 ​​처리할 수 있습니다. , 배열 및 문자열 작업. 이러한 객체와 해당 메소드에 능숙하면 JS 프로그래밍의 효율성과 품질을 크게 향상시킬 수 있습니다.

위 내용은 js 내장 객체의 기능 및 사용법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.