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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Android开发 – 基本UI设计

    Android开发 – 基本UI设计文章目录Android开发-基本UI设计1.页面部分占用1/N的情况2.分割线的实现Android开发-基本UI设计本博客记录本人在安卓开发时候遇到的一些UI设计的问题以及解决方法记录来自Project-FoodList1.页面部分占用1/N的情况示例:完整界面 界面顶部要求顶部界面只占1/3解决方案使用线性布局,其属性android:orienta…

    2022年6月22日
    37
  • 测试用例的设计方法:等价类划分法[通俗易懂]

    测试用例的设计方法:等价类划分法[通俗易懂]欢迎大家关注我的个人公众号:小朱谈软件测试,全是干货哦。测试用例的设计方法对测试人员来说,非常重要,在工作中,确实会用到。测试用例设计的越全面,线上问题肯定越少,合理地运用这些设计方法,可以减少冗余用例,提高测试效率和覆盖率。常见测试用例的设计方法有八种,下图中标红的是需要掌握的。优先级从等价类划分法,边界值分析法方向排序。每种设计方法,我都会分析,今天我们先一起看看什么是等价类划分法。等价类划分法:官方定义:将程序所有可能的输入数据…

    2022年10月18日
    3
  • 解决Python扩展: Unable to find vcvarsall.bat[通俗易懂]

    解决Python扩展: Unable to find vcvarsall.bat[通俗易懂]安装mingw,以我的安装为例:我的mingw安装在C:\MinGW,python安装在C:\Python26然后将以下目录加入系统环境变量C:\MinGW\bin;C:\MinGW\msys\1.0;C:\MinGW\mingw32;C:\MinGW\mingw32\bin;C:\MinGW\msys\1.0\bin然后在目录C:\Python26\Lib\di…

    2022年5月29日
    40
  • java实现邮件发送_显示对方是qq邮箱发短信

    java实现邮件发送_显示对方是qq邮箱发短信java实现手机短信和邮箱推送

    2022年10月13日
    1
  • 漫谈数据仓库之拉链表(原理、设计以及在Hive中的实现)

    漫谈数据仓库之拉链表(原理、设计以及在Hive中的实现)0x00前言本文将会谈一谈在数据仓库中拉链表相关的内容,包括它的原理、设计、以及在我们大数据场景下的实现方式。全文由下面几个部分组成:先分享一下拉链表的用途、什么是拉链表。通过一些小的使用场景来对拉链表做近一步的阐释,以及拉链表和常用的切片表的区别。举一个具体的应用场景,来设计并实现一份拉链表,最后并通过一些例子说明如何使用我们设计的这张表(因为现在Hive的大规模使用

    2022年10月17日
    2
  • multisim彻底卸载的方法

    multisim彻底卸载的方法

    2021年11月10日
    1.4K

发表回复

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

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