>  기사  >  웹 프론트엔드  >  js에서 일반적으로 사용되는 객체는 무엇입니까? js 객체의 속성과 메소드에 대한 자세한 설명

js에서 일반적으로 사용되는 객체는 무엇입니까? js 객체의 속성과 메소드에 대한 자세한 설명

php是最好的语言
php是最好的语言원래의
2018-08-08 15:50:133262검색

JS에서 객체의 속성을 얻는 방법은 여러 가지가 있습니다. 이 기사에서는 JS의 몇 가지 일반적인 객체와 각각의 속성 및 메서드를 설명하는 데 중점을 두고 있습니다. 지저분하지만, 모두에게 도움이 되길 바라는 마음으로 정성스럽게 작성했으며, 부족한 점은 모두에게 양해해 주시기 바랍니다.

1. 숫자 개체

숫자 개체는 숫자 날짜, 정수 또는 부동 소수점 숫자를 나타냅니다. 일반적으로 브라우저는 숫자 리터럴을 Number 클래스의 인스턴스로 자동 변환하므로 Number 객체에 대해 걱정할 필요가 없습니다.

1. 숫자 객체 만들기

var val = new Number(number);

숫자로 변환할 수 없습니다. , NaN(Not-a-Number) 으로 반환됩니다.

2, 숫자 속성

일 수 있습니다.

attribute

description

MAX_VALUE

최대 가능한 값 JavaScript의 숫자는 1.7976931348623157E+308

MIN_VALUE

자바스크립트에서 가능한 가장 작은 숫자는 5E-324

NaN

숫자가 아닌 값

NEGATIVE INFINIT

Y

MIN-VALUE보다 작은 값

POSITIVE_INFINIT

Y

MAX-VALUE

보다 큰 값

프로토타입은 디지털 개체의 정적 속성입니다. 프로토타입 개체의 속성을 사용하여 현재 문서의 디지털 개체에 새로운 속성과 메서드를 할당합니다.

3. 수치 방법

constructor()l()toFixed() 내에서 표준 표기법을 사용하여 지정합니다. g()toPrecision() 2. Boolean 객체Boolean 객체는 다음을 나타냅니다. "true" 또는 "false"의 두 값입니다. 1. 부울 객체 생성var val = new Boolean(값);

이 개체의 인스턴스에 대한 함수를 생성하려면 돌아갑니다. 기본적으로 이는 숫자 객체입니다.

toExponnia

숫자가 JavaScript가 일반적으로 사용하는 범위 내에 있더라도 숫자를 지수 표기법으로 표시합니다.

소수점 오른쪽에 특정 자릿수를 사용하여 숫자를 소수점 형식으로 지정합니다

toLocaleStrin

현재 숫자의 문자열 값 버전을 반환합니다. 형식은 브라우저의 로케일에 따라 변경될 수 있습니다.

총 개수를 정의합니다(소수점 왼쪽과 오른쪽의 숫자 포함). number

valueOf ()

숫자의 값을 반환

값 매개변수가 생략되거나 매개변수가 0, -0, 비어 있음, false, NaN, 정의되지 않음 또는 빈 문자열(" ")인 경우 이 개체의 초기 값은 false입니다.

2, 부울 속성

속성 설명

constructor

이 객체의 부울 함수에 대한 참조 생성으로 돌아가기

prototype

프로토타입 속성을 사용하면 객체의 속성과 메서드를 추가할 수 있습니다.

3, 부울 메서드

방법 설명

toSource()

부울 개체의 소스가 포함된 문자열을 반환합니다. 이 문자열을 사용하여 동등한 개체를 만들 수 있습니다.

toString()

객체의 값에 따라 "true" 또는 "false"를 반환합니다.

valueOf()

숫자 값을 반환합니다.

3. 문자열 객체

문자열 객체는 일련의 문자 조합(예: 문자열)에 대해 작동하는 수많은 도우미 메서드가 있는 경우 이러한 메서드는 JavaScript 문자열 기본 데이터 유형을 숨깁니다.

JavaScript는 원본 문자열 배열과 문자열 개체 간의 자동 변환을 실현할 수 있으므로 문자열 개체의 보조 메서드를 호출하여 원본 문자열 데이터에 대해 작업을 수행할 수 있습니다.

1,

문자열 개체 만들기

매개변수 문자열은 올바르게 인코딩된 문자 시퀀스입니다.

2. 문자열 속성

var val = new String(string);

속성 설명

constructor

반환 이 개체의 부울 함수에 대한 참조를 만듭니다

prototype

프로토타입 속성을 사용하면 객체의 속성과 메서드를 추가할 수 있습니다. string

의 길이

3. String 객체 메서드

Method Description

charAt()

지정된 위치의 문자를 반환합니다.

charCodeAt ( )

지정된 위치에 있는 문자의 유니코드 인코딩을 반환합니다.

concat()

연결 문자열

indexOf()

문자열 검색

lastIndexOf()

문자열을 뒤에서 앞으로 검색

locale 비교()

로컬 사용 특정 순서로 두 문자열 비교

match()

하나 이상의 정규 표현식과 일치하는 항목 찾기

replace()

정규식과 일치하는 하위 문자열 바꾸기

search()

정규식과 일치하는 값 검색

slice()

문자열 조각을 추출하고 추출된 부분을 새 문자열로 반환합니다.

split()

문자열을 문자열 배열로 분할

substr()

문자열의 시작 인덱스 번호부터 지정된 개수의 문자 추출

substring()

지정된 인덱스 번호 사이의 문자열 문자 두 부분 추출

toLocaleLowerCase()

문자열을 소문자로 변환

toLocaleUpperCase( )

문자열을 대문자로 변환

toLowerCase()

문자열을 소문자로 변환

toString()

반환 string

toUpperCase()

문자열을 대문자로 변환

valueOf()

숫자 값을 반환합니다.

4. String

다른 URL을 요청하는 HTML 하이퍼링크 만들기
Method Description

author()

에 대한 HTML 기본 유형 래퍼 하이퍼텍스트 목표

big()

태그를 사용하는 것처럼 큰 글꼴로 표시되는 문자열을 만듭니다.

만들기 label b> 태그 효과를 사용하는 것과 마찬가지로

fixed()

태그 효과

fontcolor ()

태그와 마찬가지로 지정된 색상으로 표시할 문자열을 만듭니다.
fontsize()

태그를 사용하는 것처럼 지정된 크기를 사용하여 표시할 문자열을 만듭니다. 태그를 사용하는 효과와 같습니다.

link()

작은 () 작은 글꼴 크기를 사용하여 문자열을 만듭니다. 태그를 사용하는 효과

strike()

delete를 사용하여 문자열 만들기 라인은 태그를 사용하는 것처럼 아래 첨자로 표시됩니다.

sup()

태그를 사용한 효과와 마찬가지로 위 첨자로 표시되는 문자열을 만듭니다.

4. 배열 개체

배열 개체를 사용하여 저장합니다. 단일 변수 다중 값.

1. 배열 개체 만들기

varfruits = new Array("apple","orange","mango");

배열 매개변수는 문자열 또는 정수 세트일 수 있습니다. 배열 생성자에 숫자 인수를 지정하면 배열의 초기 길이가 결정됩니다. 배열에 허용되는 최대 길이는 4,294,967,295입니다.

다음과 같이 간단한 할당으로 배열을 만들 수 있습니다.

varfruits = ["apple","orange","mango"];

배열의 요소 값은 아래와 같이 일련 번호(아래 첨자)로 액세스하고 설정할 수 있습니다.

• 과일[0]이 첫 번째 요소입니다.

• 과일[1] 은 두 번째 요소

• 과일[2]은 세 번째 요소

2, array attribute

의 요소를 설정하거나 반환합니다.
attribute 설명

constructor

이 객체를 생성한 함수에 대한 참조를 반환합니다.

index

from zero 일치하는 문자열 검색 중

입력

정규식으로 생성된 배열에서만 찾을 수 있습니다.

length

배열 Number

프로토타입

프로토타입 속성을 사용하면 개체의 속성과 메서드를 추가할 수 있습니다.

3, Array 객체 메서드

join () 배열의 모든 요소를 ​​문자열에 넣습니다. 요소는 지정된 구분 기호로 구분됩니다lastIndexO 배열의 마지막 요소를 삭제하고 반환합니다. push() 배열 끝에 하나 이상의 요소를 추가하고 새 길이를 반환합니다. reduce() 함수를 배열의 두 값에 동시에 적용하여 단일 값으로 축소(처음부터 끝까지) 오른쪽 기존 배열에서 선택한 요소 반환# 🎜🎜## 🎜🎜#배열의 요소 정렬 # 🎜🎜##🎜 🎜#배열을 문자열로 변환하고 결과를 반환unshift() 하나 이상의 요소 추가 배열의 맨 앞으로 이동 그리고 새 배열의 길이를 반환합니다. #1.Date() 생성자
Method Description

concat()

두 개 이상의 배열을 연결하고 결과 반환

every()

지정된 함수를 배열 요소에 적용하여 판단합니다. 모든 반환 값이 true인 경우에만 true를 반환하고, 그렇지 않으면 false를 반환합니다. se

filter( )

새 배열을 만듭니다. 배열의 요소는 필터 함수 반환 값이 비어 있는 원래 배열의 요소입니다. 처음부터 끝까지 배열을 탐색하고 각 요소에 대해 지정된 함수를 호출합니다.

f()

끝에서 선두까지 검색하고 배열에서 주어진 요소의 인덱스를 반환합니다

map()

원래 배열의 각 요소에 대해 지정된 함수를 호출한 반환 값을 저장하는 새 배열을 만듭니다.

pop()

t()

함수를 배열의 두 값에 동시에 적용하여 단일 값으로 줄입니다(끝에서 머리까지)

reverse()

배열의 요소 순서 바꾸기

shift()

#🎜🎜 #배열의 첫 번째 요소를 삭제하고 반환합니다. 🎜🎜#

#🎜🎜 #

some()

배열 요소에 지정된 함수를 적용하여 판단하며, 반환값은 하나만 true이면 true를 반환하고, 그렇지 않으면 false를 반환합니다. 🎜#
객체의 소스 코드를 반환합니다.

sort()

splice()

#🎜 In 서트 또는 배열의 요소를 삭제합니다. 🎜🎜#

# 🎜🎜#

Date 객체는 JavaScript 언어에 내장된 데이터 유형입니다. Date 객체는 아래와 같이 new Date()를 사용하여 생성됩니다. Date 객체가 생성되면 이를 조작하는 데 사용할 수 있는 메서드가 많이 있습니다. 대부분의 방법에서는 객체의 연도, 월, 일, 시, 분, 초 및 밀리초 필드를 현지 시간이나 협정 세계시(UTC, GMT)로 가져오고 설정하는 것만 허용합니다.

ECMAScript 표준에서는 Date 객체가 1/1 전후 1억일 내의 모든 날짜와 시간을 나타낼 수 있어야 합니다. /1970 밀리초까지 정확합니다. 이는 플러스 또는 마이너스 273785년의 범위이므로 JavaScript는 최대 275755년까지 날짜와 시간을 나타낼 수 있습니다.

#🎜🎜 #

새 날짜()

새 날짜 (밀리초)

새 날짜(datestring)

# 🎜 🎜#새 날짜(년,월,날짜[,시,분,초,밀리초])

# 🎜🎜#

매개변수 설명:

인수 없음: 매개변수가 없으면 Date() 생성자는 날짜 객체를 생성하고 이를 현재 날짜 및 시간으로 설정합니다.

밀리초: 숫자를 매개변수로 전달할 때 날짜의 밀리초를 나타내는 내부 숫자로 사용되며 getTime() 메서드의 반환 값에서는 밀리초로 사용됩니다. 예를 들어 매개변수 5000을 전달하면 1970년 1월 1일 자정에서 5초를 나타내는 날짜 객체가 생성됩니다.

  • datestring: 문자열을 매개변수로 전달할 때 날짜 형식의 문자열, 즉 Date.parse() 메소드로 수신할 수 있는 형식이어야 합니다.

  • 7 agument: 위에 제공된 생성자의 마지막 형식에 대해 각 매개변수에 대한 설명은 다음과 같습니다.

year: 연도를 나타내는 정수. 호환성(Y2K 문제 방지)을 위해 연도는 98 대신 1998을 사용하여 지정해야 합니다.

month: 월을 나타내는 정수입니다. 0(1월을 의미)부터 11(12월을 의미)까지입니다.

  1. date: 매월 특정 날짜를 나타내는 정수입니다.

  2. hour: 하루 중 한 시간(24시간제)을 나타내는 정수입니다.

  3. 분: 시간 카운트의 분 부분을 나타내는 정수입니다.

  4. second: 시간 수의 두 번째 조각을 나타내는 정수입니다.

  5. milliseconds: 시간 수의 밀리초 부분을 나타내는 정수입니다.

2.Date attribute

Property Description

constructor

객체를 생성한 함수에 대한 참조를 반환합니다.

프로토타입

프로토타입 속성을 사용하면 개체의 속성과 메서드를 추가할 수 있습니다.

3. Date method

날짜 객체를 문자열로 변환 valueOf()Description
Method Description

Date()

날짜와 시간을 반환합니다.

getDate ()

Date 객체에서 현지 시간을 기준으로 해당 월의 일자(1~31)를 반환

getDay()

요일을 반환 Date 객체에서 현지 시간 기준으로 특정일(1~6)

getFullYear()

연도를 현지 시간 기준으로 Date 객체에서 4자리 숫자로 반환합니다.

getH ours()

Date 객체의 시간을 현지 시간(0 ~ 23)으로 반환합니다.

getMilliseconds ()

Date 객체의 밀리초(0~999)를 현지 시간에 따라 반환합니다.

getMinutes()

Date 객체의 분(0~59)을 현지 시간을 기준으로 반환합니다.

getMonth()

Date 객체의 현지 시간에 따라 월(1 ~ 11)을 반환합니다.

getSeconds()

반품 Date 객체의 현지 시간에 따른 초(0 ~ 59)

getTime()

현지 시간에 따른 1970년 1월 1일 이후의 밀리초 수를 반환합니다.

getTimezoneOffset()

현지 시간과 그리니치 표준시(GMT) 차이의 분을 반환합니다.

getUTCDate()

월의 일자를 반환합니다( 1 ~ 31)

getUTCDay( )

표준시 기준 Date 객체에서 요일(0 ~ 6)을 반환

getUTCFulYear()

세계시를 기준으로 Date 객체에서 4자리 연도를 반환합니다.

getUTCHours()

표준시를 기준으로 Date 객체의 시간(0~23)을 반환합니다.

getUTCMillisecond

s()

Date 객체의 밀리초를 표준시(0 ~ 999)를 기준으로 반환합니다.

getUTCMinutes()

Date 객체의 분을 표준시(0 ~ 999)를 기준으로 반환합니다. 59)

getUTCMonth()

Date 객체의 표준시 초(0~59)에 따라 Date 객체의 월(0~11)을 반환합니다.

getYear()

더 이상 사용되지 않으며 현지 시간을 기준으로 지정된 날짜를 반환합니다. 대신 getFullYear()를 사용하세요. ”

세트 현지 시간에 따라 Date 객체의 연도(4자리)

setHours()

Date 객체에 현지 시간에 따라 시간(0~23)을 설정

setMilliseconds()

현지 시간에 따라 Date 객체의 밀리초(0~999)를 설정합니다.

setMinutes()

설정 현지 시간에 따른 날짜 객체 분(0~59)

setMonth()

현지 시간을 기준으로 Date 객체에 월(0~11)을 설정 setSeconds()

Date 객체의 초를 현지 시간에 맞게 설정(0 ~ 59)

setTime()

Date 객체를 현지 시간에 따라 밀리초 단위로 설정

setUTCDate()

Date 객체에 세계시를 기준으로 월의 일자(1 ~ 31)를 설정합니다.

setUTCFulYear()

Date에 연도(4자리)를 설정합니다. 표준시에 따른 객체

setUTCHours()

Date 객체에 표준시에 따라 시간(0 ~ 23)을 설정합니다.

setUTCM 일리초

s()

Date 객체에 표준시에 따라 밀리초(0 ~ 999)를 설정합니다.

setUTCMinutes()

분을 설정합니다. (0 ~ 59 )를 표준시에 따라 Date 개체에

setUTCMonth()

Date 개체에 표준시에 따라 월(0~11)을 설정합니다.

setUTCSeconds()

표준시에 따라 설정 Date 객체의 초(0 ~ 59)

setYear()

지정된 날짜에 따라 현지 시간으로. 대신 setFullYear()를 사용하세요.

toDateString()

Date 객체의 날짜 부분을 문자열로 변환

toGMTString()

더 이상 사용되지 않음, 날짜 변환 문자열인 경우 인터넷 GMT 규칙을 사용합니다. 대신 toUTCString()을 사용하세요.

toLocalDateString()

Date 객체의 날짜 부분을 현지 시간 형식에 따라 문자열로 변환

toLocalFormat()

형식 문자열을 사용하여 날짜를 문자열로 변환합니다.

toLocalString()

Date 객체를 현지 시간 형식에 따라 문자열로 변환

toLocalTimeString()

현지 기준에 따르면 time 형식, Date 개체의 시간 부분을 문자열

toSource()

로 변환합니다.

동등한 날짜 개체의 소스 코드를 나타내는 문자열을 반환합니다. 이 값을 사용하여 새 개체를 만들 수 있습니다.

toString()

날짜 개체 변환 Date 객체의 시간 부분을 문자열로 변환

toTimeString()

Date 객체의 원래 값을 반환합니다.

Date 정적 메서드

방법

Date.parse()

1970년 1월 1일 자정부터 지정된 날짜(문자열) 까지의 밀리초 수를 반환합니다. 다른 전역 객체와 달리 Math는 생성자가 아닙니다. Math의 모든 속성과 메서드는 정적이므로 Math를 생성하지 않고도 Math를 개체로 사용하여 모든 속성과 메서드를 호출할 수 있습니다.

Date()

세계시를 기준으로 1970년 1월 1일부터 지정된 날짜까지의 밀리초 수를 반환합니다.

6. 산술 객체

Math 객체 제공 속성, 메서드 및 함수 의 수학 상수.

따라서 상수 pi를 Math.PI로 정의하거나 sin 함수 Math.sin(x)를 호출할 수 있습니다. 여기서 x는 메서드의 매개 변수입니다.

1. 사용이 간편함

var pi_val = Math.PI;

var sine_val = Math.sin(30);

2, Math attribute

Attribute Description

E는 2.718)

LN2

2의 자연 로그를 반환합니다. (대략 0.693과 동일)

LN10

10의 자연 로그를 반환합니다(대략 2.302와 동일).

LOG2E

밑이 2인 로그(대략 1.414와 같음)

LOG10E

밑이 10인 로그를 반환합니다(대략 0.434와 같음)

PI

pi를 반환합니다(대략 3.14159와 동일).

SQRT1_2

2의 제곱근의 역수를 반환합니다(대략 0.707과 동일).

SQRT2

2의 제곱근을 반환합니다(대략 1.414와 동일)

3. 수학 방법

Method Description

abs()

반환 숫자의 절대값

acos( )

숫자의 역코사인을 반환합니다.

asin()

숫자의 역사인을 반환합니다.

아탄( )

x의 아크탄젠트를 -PI/2와 PI/2 라디안 사이의 값으로 반환합니다.

atan2()

x에서 점을 반환합니다. -축 ( x,y) (-PI/2와 PI/2 라디안 사이)

ceil()

로그를 반올림합니다.

코스()

숫자의 코사인을 반환합니다.

exp()

e의 지수를 반환합니다.

floor()

로그를 내림

log()

숫자의 자연 로그를 반환합니다(밑은 e)

max()

x와 y 사이에서 가장 높은 값을 반환합니다.

min()

x와 y 사이에서 가장 낮은 값을 반환합니다.

p 아야()

round()의 y 거듭제곱을 반환합니다.

숫자를 가장 가까운 정수로 반올림합니다.

sin()

숫자의 사인을 반환합니다.

sqort()

숫자의 제곱근을 반환합니다.

tan( )

각도의 탄젠트를 반환합니다.

toSource()

객체의 소스 코드를 반환합니다.

관련 권장 사항:

js 기반 DOM에서 문서 개체의 일반적인 속성 메서드에 대한 자세한 설명

JS는 개체에 속성을 동적으로 추가하는 메서드를 구현합니다

위 내용은 js에서 일반적으로 사용되는 객체는 무엇입니까? js 객체의 속성과 메소드에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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