前端基本数据类型_js简单数据类型

前端基本数据类型_js简单数据类型JavaScript的数据类型分为俩种,一种是基本数据类型,一种是引用数据类型基本数据类型包括:Number–(数字)String–(字符串)Boolean–(布尔值)Undefined–(未定义)Null–(空的)Symbol–(符号)引用数据类型包括:1.Object–(对象)2.Array–(数组)…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

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}`;

Jetbrains全家桶1年46,售后保障稳定

这三种都是声明的字符串。
Boolean:
只有俩个值:true或false。
布尔值常用在条件测试中。比如说判断1>2是不是对的,是对的就返回true,是错的就返回false,然后我们就可以根据返回的结果去做俩种不同的操作。
Undefined:
取undefined一个值。
表示变量不含有任何值。是未定义的状态。
Null:
表示变量的值为空,可以通过将变量的值设置为null来清空变量。
Symbol:
关于Symbol的详细介绍请移步到ES6阮一峰符号的详细介绍

引用数据类型的介绍:

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 数组名) { 
   
	//变量名中所保存的值是数组中当前便利到的元素值
}

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/203202.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 计算机管理的事件id,事件查看器7035是什么意思_windows事件查看器常见ID代码含义详解…「建议收藏」

    计算机管理的事件id,事件查看器7035是什么意思_windows事件查看器常见ID代码含义详解…「建议收藏」windows系统事件查看器7035是什么意思呢?windows事件查看器有一个事件ID,这个事件ID由不同的数字表示,比如7035、7036、6005、6006等等,不同的数字代表不同的含义。大部分用户不知道事件查看器ID表示什么含义,这边系统城小编为大家整理分享windows事件查看器常见的事件ID所代表的含义。一、Windows事件查看器打开方法:方法一:右键计算机/此电脑/我的电脑—管理—…

    2025年6月7日
    3
  • 父子组建传值_详解Vue之父子组件传值

    父子组建传值_详解Vue之父子组件传值一、简要介绍父子组件之间的传值主要有三种:传递数值、传递方法、传递对象,主要是靠子组件的props属性来接收传值,下面分别介绍:(一)传递数值1.子组件:Header.vue{{msg}}exportdefault{data(){return{}},methods:{},//接收父类的传值props:[‘msg’]}可以看到,在子组件中的data对象里并没有msg属性,这里调…

    2022年5月17日
    58
  • 硬核!用Mac Mini翻新了一台12年前的电脑

    硬核!用Mac Mini翻新了一台12年前的电脑本文转载自差评君有这么一位差友,不知道从哪儿加到了托尼的微信,都还没打招呼呢,上来就向我展现了他最近的硬核杰作。他将M1款的MacMini塞进了09年款27寸iMac,并把详细过程一股脑发给了我。尽管不清楚这样做有什么意义,但确实是做的很硬核,手法也相当专业,简单来说,他愣是把一台新电脑,塞进了一台老电脑。。。整理了一下他发过来的内容,大致弄清了这事儿的前因后果。把M1款的Macmini,塞进了09年iMac的想法,是他在看到了油管上有一位叫L…

    2022年5月30日
    89
  • clearfix_Clear クリア

    clearfix_Clear クリア.clearfix:after{content:”.”;display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-block;}/*HidesfromIE-mac\*/*html.clearfix{he

    2025年8月25日
    2
  • python和c语言相通吗_C语言和Python有什么区别呢?

    python和c语言相通吗_C语言和Python有什么区别呢?展开全部 python 与 C 的区别如下 1 语言类型不同 Python 是一种动态类型语言 又是强类型语言 它们确定一个变量的类型是在 e69da5e887aa 您第一次给它赋值的时候 C 是静态类型语言 一种在编译期间就确定数据类型的语言 大多数静态类型语言是通过要求在使用任一变量之前声明其数据类型来保证这一点的

    2025年6月19日
    4
  • efax365免费网络传真群发软件 v2.43 绿色版

    efax365免费网络传真群发软件 v2.43 绿色版2019独角兽企业重金招聘Python工程师标准>>>…

    2022年6月28日
    31

发表回复

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

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