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

全栈程序员-站长 • 2025年8月15日上午9:01 • 未分类 • 阅读 2

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

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

JavaScript的数据类型分为俩种，一种是基本数据类型，一种是引用数据类型

基本数据类型包括：
1. Number – – (数字)
2. String – – (字符串)
3. Boolean – – (布尔值)
4. Undefined – – (未定义)
5. Null – – (空的)
6. Symbol – – (符号)
引用数据类型包括：
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）结束
使用：
创建数组对象：

var arr = [];//直接量
var arr = new Array();//创建数组对象。
var arr = [1,2,3];//直接量，在创建数组对象的同时初始化保存的数据。
var arr = new Array(1,2,3);在创建数组对象的同时初始化保存的数据。
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：万物皆对象）
创建对象的方法有:

直接量：

var stu = { 
   
	name: '李四',
	age: 18,
	eat: function(pig) { 
   
		console.log('吃：' + pig)
	}
}

构造函数创建

function Person() { 
   
	this.name = 'jack';
	this.job = function() { 
   
		alert('program');
	}
}
var person = new Person();

通过object方式创建

var person = new Object();
person.name = 'jack';
person.sex = 'girl';

对象的属性调用：
对象名.属性名
对象名.方法名（【参数列表】）
或：
对象名【“属性名”】
对象名【“方法名”】（）；

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

声名函数

function 函数名(参数列表) { 
   
	//函数主体：可被重复使用的代码块
}

函数表达式

var 变量名 = function(参数列表) { 
   
	//函数主体：可被重复使用的代码块
}

了解：new Function() //这个基本上不用了，上面俩个算是这个的缩写。
调用：
a.直接调用
函数名()
b.事件驱动
document.getElementById(‘xx’).onclick = 函数名;
参数（相当于一个函数的输入）：
形式参数（形参）：函数定义时的参数
实际参数（实参）：函数调用时的参数
返回值（相当于是函数的输出）：
return 表达式；
函数返回值是返回到函数调用处

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

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