>  기사  >  웹 프론트엔드  >  JavaScript의 데이터 유형에 대해 자세히 알아보기

JavaScript의 데이터 유형에 대해 자세히 알아보기

青灯夜游
青灯夜游원래의
2021-02-17 09:01:412003검색

JavaScript의 데이터 유형에 대해 자세히 알아보기

JavaScript 데이터 유형은 기본 데이터 유형과 참조 데이터 유형의 두 가지 유형으로 나뉩니다.

1 기본 데이터 유형은 다음과 같습니다. - - (문자열)

  • 부울 - - (부울)

  • Undefine - - (정의되지 않음)

  • Null - - (null)

  • Symbol - - (기호)

  • 2 참조 데이터 유형은 다음과 같습니다:

  • 1), Object - - (Object)
  • 다음은 모두 Object 내에 있습니다:
  • 2.Array - - (Array)
3.Function - - (Function)

4.Date - - (Time)
5.RegExp - - (Regular)

6...(더 많이 있음)

기본 데이터 유형의 값:



Number:

Number(숫자 소수점이 있거나 없을 수 있음), NaN, Infinity
String:

문자열은 따옴표로 묶인 모든 텍스트일 수 있습니다. 큰따옴표와 작은따옴표 모두 괜찮습니다.

var a = 'xxx';var a = "xxx";
와 같은 ES6 템플릿 문자열``

을 사용할 수도 있습니다. 둘 다 평판 문자열입니다.

부울:

에는 true 또는 false의 두 가지 값만 있습니다.

부울 값은 조건부 테스트에 자주 사용됩니다. 예를 들어, 1>2가 올바른지 확인하려면, 맞으면 true를 반환하고, 틀리면 false를 반환합니다. 그런 다음 반환된 결과에 따라 두 가지 다른 작업을 수행할 수 있습니다.

정의되지 않음:

은 정의되지 않은 값을 사용합니다.

은 변수에 값이 포함되어 있지 않음을 의미합니다. 정의되지 않은 상태입니다.

Null:

은 변수 값이 비어 있음을 의미하며, 변수 값을 null로 설정하면 변수를 지울 수 있습니다.

Symbol:

Symbol에 대한 자세한 소개는 ES6 Yifeng 심볼의 자세한 소개를 참조하세요.

참조 데이터 유형 소개:

Array:

Array: 세트 저장 of data

배열 객체의 목적은 별도의 변수 이름을 사용하여 일련의 값을 저장하는 것입니다. (동적 배열: 요소의 개수에 따라 자동으로 길이를 호출할 수 있음)

개념:

1), 요소: 배열에 저장된 데이터가 저장되는 공간 2), 길이: 요소의 개수 배열에 저장된 요소 3) 아래 첨자(색인): 0부터 시작하고 (배열의 길이 - 1)로 끝나는 배열의 요소 수

용도:

a. 배열 객체:

var arr = [];//直接量
var arr = new Array();//创建数组对象。
var arr = [1,2,3];//直接量,在创建数组对象的同时初始化保存的数据。
var arr = new Array(1,2,3);在创建数组对象的同时初始化保存的数据。
var arr = new Array(size);//size为数字参数,表示创建数组时先预定size个空间。

b, 배열 요소 액세스:
数组名[下标]

c, 배열 요소 순회 반복:

일반 루프

for(let i = 0;i < array.length; i++) {
	//array[i]}

for-in

for(let 变量名 in 数组名) {
	//变量名中所保存的值是数组下标编号的字符串内容
	//仍然使用“数组名[字符串下标]”来访问数组对应下标处的元素}

for-of (ES6)
  • for(let 变量名 of 数组名) {
    	//变量名中所保存的值是数组中当前便利到的元素值}
array api
    array API 자세한 소개는 배열의 일반적인 방법을 참조하세요.
    Object:
(OOP: 모든 것이 객체입니다)
  • 객체를 생성하는 방법은 다음과 같습니다:
  • 1. 수량:

var stu = {
	name: &#39;李四&#39;,
	age: 18,
	eat: function(pig) {
		console.log(&#39;吃:&#39; + pig)
	}}
2. 생성자 생성

function Person() {
	this.name = &#39;jack&#39;;
	this.job = function() {
		alert(&#39;program&#39;);
	}}var person = new Person();

3. 객체 메소드를 통해

var person = new Object();person.name = &#39;jack&#39;;person.sex = &#39;girl&#39;;

객체의 속성 호출을 생성합니다:

객체 이름.속성 이름

객체 이름.메서드 이름([매개변수 목록 ])


또는:

객체 이름 ["속성 이름"] 객체 이름 ["메서드 이름"] ()

함수:

함수는 다음과 같은 경우에 이벤트 기반이거나 재사용 가능한 코드 블록입니다. 그것은 불린다.

본질: 코드 블록.

정의:

1), 평판 함수

function 函数名(参数列表) {
	//函数主体:可被重复使用的代码块}

2), 함수 표현

var 变量名 = function(参数列表) {
	//函数主体:可被重复使用的代码块}

3), 이해: new Function() //기본적으로는 필요하지 않으며, 위 두 가지는 이것의 약어입니다.

Call:


a. 직접 호출

函数名()

b. 이벤트 기반

document.getElementById(‘xx’).onclick = 函数名;

매개변수(함수의 입력과 동일):

정식 매개변수(formal paramter): 함수가 정의됨


실제 매개변수(실제 매개변수): 함수 호출 시 매개변수

    반환값(함수의 출력과 동일):
  • return 表达式;

    함수 호출시 함수 반환값이 반환됩니다

  • 기본 데이터 유형과 참조 데이터 유형 차이점:

  • 기본 데이터 유형의 값은 스택에 저장됩니다.

참조 데이터 유형의 값은 힙에 저장됩니다.

더 많은 프로그래밍 관련 지식을 보려면

프로그래밍 교육

을 방문하세요! !

위 내용은 JavaScript의 데이터 유형에 대해 자세히 알아보기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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