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

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

青灯夜游
풀어 주다: 2021-12-07 15:25:39
원래의
11686명이 탐색했습니다.

JavaScript에는 세 가지 유형의 참조 데이터 유형이 있습니다. 1. 순서가 지정되지 않은 키와 값 집합인 개체 유형 2. 순서대로 정렬된 데이터 집합인 배열 유형 이는 특정 기능을 가진 코드 블록입니다.

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

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

JavaScript의 참조 데이터 유형: 개체, 배열, 함수.

1. 객체 유형

JavaScript의 객체 유형은 키와 값으로 구성된 순서가 없는 집합입니다. 객체 유형을 정의하려면 중괄호 { }, 구문을 사용해야 합니다. 형식은 다음과 같습니다. { },语法格式如下:

{name1: value1, name2: value2, name3: value3, ..., nameN: valueN}
로그인 후 복사

其中 name1、name2、name3、...、nameN 为对象中的键,value1、value2、value3、...、valueN 为对应的值。

在 JavaScript 中,对象类型的键都是字符串类型的,值则可以是任意数据类型。要获取对象中的某个值,可以使用对象名.键的形式,如下例所示:

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 类型

数组(Array)是一组按顺序排列的数据的集合,数组中的每个值都称为元素,而且数组中可以包含任意类型的数据。在 JavaScript 中定义数组需要使用方括号[ ]

[1, 2, 3, 'hello', true, null]
로그인 후 복사

여기서 name1, name2, name3,..., nameN은 개체의 키이고 value1, value2, value3,..., valueN< /code>는 해당 값입니다. <p></p>JavaScript에서 객체 유형의 키는 모두 문자열 유형이고 값은 모든 데이터 유형이 될 수 있습니다. 객체의 값을 얻으려면 다음 예와 같이 object name.key 형식을 사용할 수 있습니다. <p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false">var arr = new Array(1, 2, 3, 4); console.log(arr); // 输出 [1, 2, 3, 4]</pre><div class="contentsignin">로그인 후 복사</div></div></p><p>2. 배열 유형 <strong></strong></p>배열(Array)은 순서대로 배열된 데이터의 모음입니다. , 배열 의 각 값을 요소라고 하며 배열에는 모든 유형의 데이터가 포함될 수 있습니다. JavaScript에서 배열을 정의하려면 대괄호 <code>[ ]를 사용해야 합니다. 배열의 각 요소는 쉼표로 구분됩니다. 예:

var arr = [1, 2, 3.14, &#39;Hello&#39;, null, true];
console.log(arr[0]);  // 输出索引为 0 的元素,即 1
console.log(arr[5]);  // 输出索引为 5 的元素,即 true
console.log(arr[6]);  // 索引超出了范围,返回 undefined
로그인 후 복사

또한 Array()를 사용할 수도 있습니다. 다음 예와 같이 배열을 생성하는 함수입니다.

function sayHello(name){
    return "Hello, " + name;
}
var res = sayHello("Peter");
console.log(res);  // 输出 Hello, Peter
로그인 후 복사

배열의 요소는 인덱스로 액세스할 수 있습니다. 배열의 인덱스는 0부터 시작하여 순차적으로 증가합니다. 즉, 배열의 첫 번째 요소는 인덱스 0, 두 번째 요소는 인덱스 1, 세 번째 요소는 인덱스 2 등을 갖습니다. 다음 예에서 볼 수 있듯이:

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
로그인 후 복사

3. 함수 유형 함수는 표시된 것처럼 자동으로 실행되지 않으며 실행하려면 함수 이름을 통해 호출해야 합니다. 다음 예에서는:

rrreee🎜또한 함수는 변수, 개체 및 배열에 저장될 수 있으며, 다음 예와 같이 함수를 다른 함수에 매개 변수로 전달하거나 다른 함수에서 반환할 수도 있습니다. 🎜 🎜rrreee🎜[관련 권장 사항: 🎜javascript 학습 튜토리얼🎜🎜]🎜🎜

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

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