JavaScript的数据类型详细介绍

JavaScript的数据类型详细介绍JavaScript 的数据类型分为俩种 一种是基本数据类型 一种是引用数据类型基本数据类型包括 Number 数字 String 字符串 Boolean 布尔值 Undefined 未定义 Null 空的 Symbol 符号 引用数据类型包括 1 Object 对象 2 Array 数组

JavaScript数据类型分为俩种,一种是基本数据类型,一种是引用数据类型
  1. 基本数据类型包括:
    1. Number – – (数字)
    2. String – – (字符串)
    3. Boolean – – (布尔值)
    4. Undefined – – (未定义)
    5. Null – – (空的)
    6. Symbol – – (符号)
  2. 引用数据类型包括:
    1.Object – – (对象)


    以下都是属于Object之内的:
    2.Array – – (数组)
    3.Function – – (函数)
    4.Date – – (时间)
    5.RegExp – – (正则)
    6…(还有很多)




基本数据类型的取值:

Number:
数字(数字可以带小数点也可以不带)、NaN、Infinity
String:
字符串可以是引号中的任意文本。双引号单引号都可以。也可以使用ES6的模板字符串 “
如:



const a = 'xxx'; const b = "xxx"; const c = `xxx${ 
     a}`; 
引用数据类型的介绍:

Array:
数组: 保存一组数据
数组对象的作用是:使用单独的变量名来存储一系列的值。
(动态数组:可自动根据元素个数调用长度大小)
概念:
1. 元素:数组中所保存数据的空间
2. 长度:数组中所保存元素的个数
3. 下标(索引):数组中元素的编号,从0开始编号,到(数组的长度-1)结束
使用:
创建数组对象:








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

数组元素遍历迭代:

  • 普通循环
for(let i = 0;i < array.length; i++) { 
    //array[i] } 
  • for-in
for(let 变量名 in 数组名) { 
    //变量名中所保存的值是数组下标编号的字符串内容 //仍然使用“数组名[字符串下标]”来访问数组对应下标处的元素 } 
  • for-of(ES6)
for(let 变量名 of 数组名) { 
    //变量名中所保存的值是数组中当前便利到的元素值 } 
  • 数组的api
    数组的API详细介绍请看数组的常用方法

Object:
(OOP:万物皆对象)
创建对象的方法有:

  1. 直接量:
var stu = { 
    name: '李四', age: 18, eat: function(pig) { 
    console.log('吃:' + pig) } } 
  1. 构造函数创建
function Person() { 
    this.name = 'jack'; this.job = function() { 
    alert('program'); } } var person = new Person(); 
  1. 通过object方式创建
var person = new Object(); person.name = 'jack'; person.sex = 'girl'; 

对象的属性调用:
对象名.属性名
对象名.方法名(【参数列表】)
或:
对象名【“属性名”】
对象名【“方法名”】();




Function:
函数是由事件驱动的或者当它被调用时可重复使用的代码块。
本质:代码块。
定义:


  1. 声名函数
function 函数名(参数列表) { 
    //函数主体:可被重复使用的代码块 } 
  1. 函数表达式
var 变量名 = function(参数列表) { 
    //函数主体:可被重复使用的代码块 } 
  1. 了解:new Function() //这个基本上不用了,上面俩个算是这个的缩写。
    调用:
    a.直接调用
    函数名()
    b.事件驱动
    document.getElementById(‘xx’).onclick = 函数名;
    参数(相当于一个函数的输入):
    形式参数(形参):函数定义时的参数
    实际参数(实参):函数调用时的参数
    返回值(相当于是函数的输出):
    return 表达式;
    函数返回值是返回到函数调用处










基本数据类型和引用数据类型的区别:
基本数据类型的值是存放在栈中。
引用数据类型的值是存放在堆中。
关于堆栈的更多内容请留意笔者的后期博客。


版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/231593.html原文链接:https://javaforall.net

(0)
上一篇 2025年12月3日 上午10:01
下一篇 2025年12月3日 上午10:22


相关推荐

  • Axure RP 9.0.0.3727 授权码

    Axure RP 9.0.0.3727 授权码AxureRP9 0 0 3727Licensee Freecrackdow comKEY 5vYpJgQZ431X G5kp6jpOO8Vi

    2026年3月17日
    2
  • “龙虾”最正宗!OpenClaw核心10家公司(深度名单)

    “龙虾”最正宗!OpenClaw核心10家公司(深度名单)

    2026年3月13日
    2
  • 阿里巴巴代码规范插件 idea(阿里数据库开发规范最新)

    https://github.com/alibaba/p3c1、下载离线安装插件https://plugins.jetbrains.com/plugin/10046-alibaba-java-coding-guidelines2.Settings>>Plugins>>Installpluginfromdisk…,selectthedow…

    2022年4月10日
    60
  • 国内十大正规现货交易平台排名(2021版榜单)

    国内十大正规现货交易平台排名(2021版榜单)现货亦称实物,指可供出货、储存和制造业使用的实物商品。可供交割的现货可在近期或远期基础上换成现金,或先付货,买方在极短的期限内付款的商品的总称。期货的对称。随着互联网的出现,世界已慢慢变成地球村,建立在信息化基础上的现货电子交易走上新经济的舞台。现货电子交易(也称为大宗商品电子交易,或现货仓单交易)是以现货仓单为交易的标的物,采用计算机网络进行的集中竞价买卖,统一撮合成交,统一结算付款,价格行情实时显示的交易方式。国内不少投资者对现货交易还不是太了解,下面小编为您介绍“国内十大正规现货交易平台排名(20

    2022年6月15日
    59
  • PyQt5入门教程[通俗易懂]

    PyQt5入门教程[通俗易懂]0x00安装环境清单我使用的环境如下:Windows10(Build17763)Python3.7.2VSCode1.33.0PyQt5QtDesigner如果你使用的是O

    2022年8月2日
    11
  • QWidget类 简介

    QWidget类 简介QWidget 类定义 代表一般的窗口 其他窗口类都是从 QWidget 类继承出来的 继承关系同时继承 QObject 类和 QPaintDevice 类构造函数如下 QWidget QWidget parent 0 Qt WindowFlagsf 0 参数 parent 指向父窗口 如果这个参数为 0 则窗口就成为一个顶级窗口

    2026年3月17日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号