>웹 프론트엔드 >프런트엔드 Q&A >자바스크립트 복합 데이터 유형이란 무엇입니까?

자바스크립트 복합 데이터 유형이란 무엇입니까?

青灯夜游
青灯夜游원래의
2022-01-27 14:29:513922검색

Javascript 복합 데이터 유형: 1. 키와 값으로 구성된 순서가 지정되지 않은 세트인 객체 유형. 2. 순서가 지정된 데이터 세트인 배열 유형을 요소라고 합니다. 3. 함수 유형은 특정 함수가 포함된 코드 블록입니다.

자바스크립트 복합 데이터 유형이란 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JavaScript의 데이터 유형은 두 가지 유형으로 나눌 수 있습니다.

  • 기본 데이터 유형(값 유형): 문자열, 숫자, 부울, Null, 알 수 없는 정의(정의되지 않음), 기호

  • 참조 데이터 유형(복합 데이터 유형): 객체(Object), 배열(Array), 함수(Function).

JavaScript의 복합 데이터 유형

1. 객체 유형

객체 데이터 유형은 키와 값으로 구성된 정렬되지 않은 컬렉션 집합입니다. new 연산자 뒤에 생성할 객체 유형의 이름을 사용하여 생성할 수 있습니다. 리터럴 표기법을 사용하여 생성할 수도 있습니다. 다른 이름(빈 문자열을 포함한 모든 문자열)을 가진 속성을 추가합니다.

1) 객체 생성

new 연산자를 사용하여 생성자를 호출하여 인스턴스 객체를 생성합니다. 구체적인 사용법은 다음과 같습니다.

var objectName = new functionName(args);

매개변수 설명은 다음과 같습니다.

  • objectName: 반환된 인스턴스 개체입니다.

  • functionName: 생성자, 기본적으로 일반 함수와 동일하지만 반환 값을 반환할 필요가 없으며 함수 내에서 이를 사용하여 미리 액세스할 수 있는 인스턴스 개체를 반환합니다.

  • args: 인스턴스 객체 초기화 구성 매개변수 목록입니다.

Example

다음 예제에서는 다양한 유형의 생성자를 사용하여 다양한 인스턴스를 정의합니다.

var o = new Object(); //빈 객체 정의

var a = new Array(); //빈 배열 정의

var f = new Function(); 2) 객체 리터럴

리터럴을 사용하면 객체를 빠르게 생성할 수 있으며, 가장 효율적이고 간단한 방법이기도 합니다. 구체적인 사용법은 다음과 같습니다.

var objectName = {
    属性名1 : 属性值1,
    属性名2 : 属性值2,
    ...
    属性名n : 属性值n
};

객체 리터럴에서 속성 이름과 속성 값은 콜론으로 구분됩니다. 속성 값은 모든 유형의 데이터일 수 있으며 속성 이름은 JavaScript 식별자 또는 문자열 표현식일 수 있습니다. 속성은 쉼표로 구분되며 마지막 속성 끝에는 쉼표가 필요하지 않습니다.

JavaScript에서 객체 유형의 키는 모두 문자열 유형이고 값은 모든 데이터 유형이 될 수 있습니다. 객체의 값을 얻으려면 다음 예와 같이 object name.key 형식을 사용할 수 있습니다.

var person = {
    name: 'Bob',
    age: 20,
    tags: ['js', 'web', 'mobile'],
    city: 'Beijing',
    hasCar: true,
    zipcode: null
};
console.log(person.name);       // 输出 Bob
console.log(person.age);        // 输出 20

2. 배열 유형

배열(Array)은 순서대로 배열된 데이터의 모음입니다. , 배열 의 각 값을 요소라고 하며, 각 요소의 이름(키)을 배열 인덱스라고 합니다. 배열의 길이는 유연하고 읽기 및 쓰기가 가능합니다.

배열에는 모든 유형의 데이터가 포함될 수 있습니다.

JavaScript에서 배열을 정의(생성 또는 선언)하는 방법에는 배열 구성과 배열 리터럴이라는 두 가지 방법이 있습니다.

1) 배열 생성하기

new 연산자를 사용하여 Array()형 함수를 호출하면 새로운 배열을 생성할 수 있습니다.

예:

    빈 배열을 생성하려면 매개변수 전달 없이 Array() 함수를 직접 호출하세요.
  • var a = new Array();  //空数组
    여러 값을 전달하면 실제 배열이 생성됩니다.
  • var a = new Array(1, true, "string", [1,2], {x:1,y:2});  //实数组
  • 각 매개변수는 요소의 값을 지정하며 값 유형에는 제한이 없습니다. 매개변수의 순서는 배열 요소의 순서이기도 하며, 배열의 length 속성 값은 전달된 매개변수의 개수와 같습니다.

    숫자 매개변수를 전달하여 배열의 길이, 즉 배열에 포함된 요소 수를 정의합니다.
  • var a = new Array(5);  //指定长度的数组
  • 매개변수 값은 배열 길이의 속성 값과 동일하며, 각 요소의 기본값은 정의되지 않습니다.

    값이 1인 매개변수를 전달하면 JavaScript는 값이 1인 요소 하나를 포함하는 배열 대신 길이가 1인 배열을 정의합니다.
  • var a = new Array(1);
    console.log(a[0]);
  • 2) 배열 리터럴

배열 리터럴의 구문 형식: 여러 값 목록을 대괄호 안에 포함하고 쉼표로 구분합니다.

다음 코드는 배열 리터럴을 사용하여 배열을 정의합니다.

var a = [];  //空数组
var a = [1, true, "0", [1,0], {x:1,y:0}];  //包含具体元素的数组

배열 리터럴은 배열을 정의하는 가장 쉽고 효율적인 방법이므로 배열 리터럴을 사용하여 배열을 정의하는 것이 좋습니다.

3. 함수 유형

함수(Function)는 다음 예와 같이 자동으로 실행되지 않으며 함수 이름을 통해 호출되어야 합니다.

function sayHello(name){
    return "Hello, " + name;
}
var res = sayHello("Peter");
console.log(res);  // 输出 Hello, Peter

또한 함수는 변수, 객체, 배열에 저장될 수 있으며, 다음 예와 같이 함수를 다른 함수에 매개변수로 전달하거나 다른 함수에서 반환할 수도 있습니다.

var fun = function(){
    console.log("http://c.biancheng.net/js/");
}
function createGreeting(name){
    return "Hello, " + name;
}
function displayGreeting(greetingFunction, userName){
    return greetingFunction(userName);
}
var result = displayGreeting(createGreeting, "Peter");
console.log(result);  // 输出 Hello, Peter

【相关推荐:javascript学习教程

위 내용은 자바스크립트 복합 데이터 유형이란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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