> 웹 프론트엔드 > JS 튜토리얼 > 다양한 js 내장 객체에 대한 자세한 설명

다양한 js 내장 객체에 대한 자세한 설명

WBOY
풀어 주다: 2024-01-11 17:15:06
원래의
902명이 탐색했습니다.

다양한 js 내장 객체에 대한 자세한 설명

다양한 JS 내장 객체에 대한 자세한 설명

JavaScript는 개발자가 데이터를 처리하고 페이지 요소를 보다 효율적으로 운영하는 데 도움이 되는 다양한 내장 객체를 제공하는 강력한 스크립팅 언어입니다. 이 기사에서는 일반적으로 사용되는 몇 가지 JavaScript 내장 객체를 자세히 소개하고 구체적인 코드 예제를 제공합니다.

  1. Array(배열 객체)

배열은 여러 값을 저장할 수 있는 순서가 지정된 컬렉션입니다. 다음은 일반적으로 사용되는 배열 작업 방법 및 속성입니다.

  • length: 배열의 길이를 반환합니다.
  • push(): 배열 끝에 하나 이상의 요소를 추가합니다.
  • pop(): 배열의 마지막 요소를 제거하고 반환합니다.
  • splice(): 배열에 요소를 추가/제거합니다.
  • concat(): 두 개 이상의 배열을 연결합니다.

코드 예:

let fruits = ['apple', 'banana', 'orange'];
console.log(fruits.length);  // 输出3
fruits.push('grape');
console.log(fruits);  // 输出 ['apple', 'banana', 'orange', 'grape']
fruits.pop();
console.log(fruits);  // 输出 ['apple', 'banana', 'orange']
fruits.splice(1, 1, 'kiwi');
console.log(fruits);  // 输出 ['apple', 'kiwi', 'orange']
let moreFruits = ['mango', 'pear'];
let allFruits = fruits.concat(moreFruits);
console.log(allFruits);  // 输出 ['apple', 'kiwi', 'orange', 'mango', 'pear']
로그인 후 복사
  1. String(문자열 개체)

문자열은 문자열 개체를 통해 조작할 수 있는 일련의 문자입니다. 다음은 일반적으로 사용되는 문자열 조작 방법입니다.

  • length: 문자열의 길이를 반환합니다.
  • charAt(): 지정된 위치에 있는 문자를 반환합니다.
  • concat(): 두 개 이상의 문자열을 연결합니다.
  • indexOf(): 문자열에서 지정된 문자 또는 문자열이 처음 나타나는 위치를 반환합니다.

코드 예:

let str = 'Hello, World!';
console.log(str.length);  // 输出 13
console.log(str.charAt(4));  // 输出 'o'
let newStr = str.concat(' Have a nice day!');
console.log(newStr);  // 输出 'Hello, World! Have a nice day!'
console.log(str.indexOf('o'));  // 输出 4
로그인 후 복사
  1. Math(수학적 객체)

Math 객체는 수학적 계산과 관련된 많은 속성과 메서드를 제공합니다. 다음은 일반적으로 사용되는 몇 가지 수학 메서드입니다.

  • abs(): 숫자의 절대값을 반환합니다.
  • ceil(): 숫자를 반올림합니다.
  • floor(): 숫자를 내림합니다.
  • random(): 0과 1 사이의 난수를 반환합니다.

코드 예:

console.log(Math.abs(-5));  // 输出 5
console.log(Math.ceil(4.3));  // 输出 5
console.log(Math.floor(4.7));  // 输出 4
console.log(Math.random());  // 输出随机数,如 0.8375921587168932
로그인 후 복사
  1. Date(날짜 개체)

Date 개체는 날짜와 시간을 처리하는 데 사용됩니다. 다음은 일반적으로 사용되는 몇 가지 Date 메소드입니다.

  • getDate(): 날짜의 일 수(1-31)를 반환합니다.
  • getMonth(): 날짜의 월(0-11)을 반환합니다.
  • getFullYear(): 날짜의 연도(4자리)를 반환합니다.
  • getTime(): 1970년 1월 1일 이후의 밀리초 수를 반환합니다.

코드 예:

let today = new Date();
console.log(today.getDate());  // 输出当前日期的天数
console.log(today.getMonth());  // 输出当前日期的月份
console.log(today.getFullYear());  // 输出当前日期的年份
console.log(today.getTime());  // 输出当前日期的毫秒数
로그인 후 복사

이것은 JavaScript 내장 개체의 몇 가지 예일 뿐이며 개발자가 사용할 수 있는 다른 유용한 개체와 메서드도 많이 있습니다. 이러한 내장 개체를 합리적으로 사용함으로써 데이터 처리 및 페이지 운영을 보다 쉽게 ​​수행할 수 있어 개발 효율성이 향상됩니다. 이 기사가 도움이 되기를 바랍니다!

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

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