javascript数据类型基础示例教程

js中的输入输出语句

方法 说明 归属
alert(msg) 浏览器弹出警示框 浏览器
console.log(msg) 浏览器控制台打印输出信息 浏览器
prompt(info) 浏览器弹出输入框,用户可以输入 浏览器

注:prompt(info)获取的输入都是字符串类型,跟python中的input()类似。

 <script>
      prompt("请输入:");
      alert('你好呀!小可爱!');
      console.log('阿牛最帅啦!');
  </script>

js中的注释

单行注释 多行注释
// /* */

注:css中的注释为/* */,各种语言的注释记不住也没有关系,只要记住快捷键ctrl + /就行,大多数编辑器都支持这个快捷键,对大多数语言都适用,只需选中要注释的内容,ctrl + / 就可以了。

js中声名变量

1、 js中用关键字var声明一个变量

//声明变量
 var age ; // 声明一个名称 age 的变量
 age = 18;
 var name = 'aniu' //变量的初始化

var 是一个 JS 关键字,用来声明变量( variable 变量的意思)。使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管。

age 是程序员定义的变量名,我们要通过变量名来访问内存中分配的空间。

2、声明变量特殊情况

情况 说明 结果
var age ; console.log ( age ); 只声明不赋值 undefined
console.log ( age ) 不声明不赋值直接使用 报错
age =10; console.log ( age ); 不声明只赋值 10

3、变量命名规范

  • 由字母( A - Za - z )、数字(0-9)、下划线(_)、美元符号($)组成,如: usrAge ,num01,_ name。
  • 严格区分大小写。 var app ;和 var App ;是两个变量。
  • 不能以数字开头。18age是错误的。
  • 不能是关键字、保留字。例如: var 、 for 、 while
  • 变量名必须有意义。
  • 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。 myName

js中的基本数据类型

变量是用来存储值的所在处,它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。 JavaScript 是一种弱类型或者动态语言。这意味着不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。

 var age =18; I //这是一个数字型
 var ok ='是; //这是一个字符串

在代码运行时,变量的数据类型是由 JS 引擎根据=右边变量值的数据类型来判断的,运行完毕之后,变量就确定了数据类型。

简单数据类型 说明 默认值
Number 数字型,包含整型值和浮点型值,如12、0.82 0
Boolean 布尔值类型,如 true 、 false ,等价于1和 0 false
String 字符串类型,如"张三"注意 js 里面字符串都带引号 " "
Undefined var a ;声明了变量 a 但是没有给值,此时 a = undefined undefined
Null var a = nul ;声明了变量 a 为空值 null

数字型 Number

数字型进制

最常见的进制有二进制、八进制、十进制、十六进制。

 // 八进制数字序列范围:0~7
 var num1=07; //对应十进制的7
 var num2=018; //对应十进制的18
 var num3=08;  //对应十进制的8
 // 十六进制数字序列范围:0~9以及 A ~ F
 var num =0xA; //对应十进制的10

我们只需要记住,在 js 中八进制前面加0,十六进制前面加 0x。

数字型范围

1, JavaScript 中数值的最大和最小值。

 console.log(Number.MAX_VALUE);//1.7976931348623157e+308
 console.log(Number.MIN_VALUE);//5e-324

最大值: Number . MAX_VALUE ,这个值为1.7976931348623157e+308

最小值: Number . MIN_VALUE ,这个值为:5e-32

2, 无穷小,无穷大,非数字。

  console.log (Number.MAX_VALUE *2);// Infinity 无穷大
  console.log(-Number.MAX_VALUE *2);//-Infinity 无穷小
  console.log('aniu' - 100); // NaN  非数字 Not a Number
  // isNaN()这个方法用来判断非数字 并且返回一个值如果是数字返回的是 false,如果不是数字返回的是 true
  console.log(isNaN(12));// false
  console.log(isNaN('aniu')); // true

布尔值类型 Boolean

如 true 、 false ,等价于1和 0

 var flag = true;
 var flag1 = false;
 console.log(flag);
 console.log(flag1);

字符串类型 String

js中转义字符串

字符串的其它知识点。

多个字符串之间可以使用+进行拼接,其拼接方式为字符串+任何类型=拼接之后的新字符串。拼接前会把与字符串相加的任何类型转成字符串,再拼接成一个新的字符串。

 // 1. 求字符串的长度
    var str = 'a niu';
    console.log(str.length);  //length方法求字符串的长度
   // 2. 字符串的拼接 +
   console.log('aniu'+'a'); // aniua
   console.log('11'+13);  // 1113
   var flag = true;
   var flag1 = false;
   console.log(flag+1); // 2
   console.log(flag1+1); // 1
   var s = undefined;
   console.log(s + 'aniu'); // underfinedaniu
   console.log(s + 1); //undefined和数字相加,结果是NaN

Undefined 和 Null

一个声明后没有被赋的变量会有一个默认值 undefined (如果进行相连或者相时,注意结果)

 var m ;
    console.log (m); //undefined
    console.log ('阿牛'+ m);//阿牛undefined
    console.log (11+m); // NaN
    console.log (true + m); // NaN

一个声明变量给 null 值,里面存的值为空(学习对象时,我们继续研究 null )

var m  = null;
console.log (m); // null
console.log ('阿牛'+ m);//阿牛null
console.log (11+m); // 11
console.log (true + m); // 1

结语

今天的知识就总结到这里,下篇带来js中的数据类型转换。
上篇看这里:初识 JavaScript

以上就是javascript数据类型基础示例教程的详细内容,更多关于javascript数据类型基础的资料请关注我们其它相关文章!

(0)

相关推荐

  • JavaScript的八种数据类型

    目录 一.前言 二.动态数据类型 2.1 字符串string 2.2 数值number 2.3 布尔boolean 2.4 null和undefined 2.5 symbol 2.6 对象object 三.基本数据类型与引用数据类型区别 3.1 声明变量时不同的内存分配 3.2 正是因为内存分配不同,在复制变量时结果也不一样 3.3 参数传递不同 一.前言 在ES5的时候,我们认知的数据类型确实是 6种:Number.String.Boolean.undefined.object.Null ES

  • Javascript中的数据类型之旅

    虽然Javascript是弱类型语言,但是,它也有自己的几种数据类型,分别是:Number.String.Boolean.Object.Udefined.Null.其中,Object属于复杂数据类型,Object   由无序的键值对组成.其余几种都属于简单数据类型.注意:变量类型首字母大写,而变量值首字母是小写的. JavaScript不支持自定义类型,所以JavaScript中的所有值都属于这六种类型之一. 根据ECMAScript 5.1的规范,javascript中共有六种数据类型,分别为

  • JavaScript中判断数据类型的方法总结

    typeof typeof用的比较多的时候,是判断某个全局变量在不在,假如某个页面定义了一个全局变量.假如你做如下判断: //haorooms是全局变量 if(haorooms!=undefined){ }//js会报错,说"Uncaught ReferenceError: haorooms is not defined" 解决的方法是我们如下写: if(typeof haorooms!=undefined){ } 用了typeof之后,就不会报错了!这是typeof的应用之一! 此外

  • javascript中的数据类型检测方法详解

    本文实例讲述了javascript中的数据类型检测方法.分享给大家供大家参考,具体如下: 在javascript中数据类型 值类型: 布尔(Boolean),数值(Number),字符(String),空(Null),未定义(Undefined) 引用类型: 对象(Object),函数(Function),数组(Array),日期(Date),正则(RegExp)等等. 检测方式之 typeof console.log(typeof undefined)//'undefined' console

  • Javascript中的五种数据类型详解

    Undefined 未定义.只有一个值undefined Null 只有一个值,null Boolean 在javascript中,只要逻辑表达式不返回undefined不返回null,就都是真的. 复制代码 代码如下: if(3) true if(null) false if(undefined) false Number String javascript中不存在char类型. 字符串定义可以用单引号,也可以用双引号. 复制代码 代码如下: <html> <head> <

  • 深入探讨javascript中的数据类型

    学一门编程语言,无非两方面:一是语法,二是数据类型.类C语言的语法不外乎if.while.for.函数.算术运算等,面向对象的语言再加上object. 语法只是语言设计者预先做的一套规则,不同语言语法不尽相同,但都有一些共通点,对于熟悉一两门编程语言的人,学其他的编程语言时,语法往往不是问题(当然,如果你一直学的是类C语言,那么首次接触lisp时肯定也要花些时间),学习的重点往往是数据类型及其相关操作上,不是有句老话:"数据结构+算法=程序"!其次,有些语言的语法本身就存在设计问题(j

  • javascript数据类型基础示例教程

    js中的输入输出语句 方法 说明 归属 alert(msg) 浏览器弹出警示框 浏览器 console.log(msg) 浏览器控制台打印输出信息 浏览器 prompt(info) 浏览器弹出输入框,用户可以输入 浏览器 注:prompt(info)获取的输入都是字符串类型,跟python中的input()类似. <script> prompt("请输入:"); alert('你好呀!小可爱!'); console.log('阿牛最帅啦!'); </script>

  • JavaScript Typescript基础使用教程

    目录 简介 安装 安装命令 使用原因 TypeScript类型概述 JS原有的类型 TS新增的类型 类型别名 泛型 简介 typescript是微软公司开发的开源编程语言,Type+Javascript(type是类型,在js的基础上添加了类型支持) 简称:ts,是Javascript的超集 安装 node.js或者我们的浏览器,他只认识js代码,不认识ts代码,所以我们需要把我们的ts转换为我们的js代码,然后进行运行操作 安装命令 npm i -g typescript yarn globa

  • JavaScript稀疏数组示例教程

    目录 前言 什么是稀疏数组? 创建带有孔洞的稀疏数组 删除元素的映射 现象 稀疏数组的快速映射(强制创建映射关系) 总结 前言 最近有空在看一本关于 JS 数据结构和算法的书,里面有提到数组,却对数组的基本概念轻轻带过,虽然用了 JS 很久但是一直忙于需求业务的实现从未停下好好回视一下这个 既熟悉又陌生的朋友,于是查阅了一些资料,尤其是密集数组和稀疏数组的区别,意犹未尽之下,写了这篇文章,以便更好地帮助理解书中的要点,稍显浅显,也有不足望各位提点. 什么是稀疏数组? 通常编程语言中(C.JAVA

  • Leaflet 基础入门教程示例

    目录 什么是Webgis? 什么是Leaflet? 在Vue中安装Leaflet,与其他依赖 在App.vue中使用 初始化地图 chinaProvider地图瓦片 addControls使用工具集 attribution创建自定义版权 Marker创建点 创建线 Polygon创建三角形 Popup弹窗&Tooltip提示 Geojson区域描边 总结 什么是Webgis? webGis又称之为网络地理信息系统,GIS的全名是Geographic Information System,它是在计

  • JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】

    本文实例讲述了JavaScript 变量,数据类型基础.分享给大家供大家参考,具体如下: 这篇笔记呢,咱记录下变量和数据类型的基础知识,因为两者有联系 所以放在一起记录 1 如何声明变量 变量声明使用var关键字,下面举一些变量声明的例子: <!DOCTYPE html> <html> <head> <title>learn javascript</title> </head> <body> </body> {

  • Git的基础文件操作初始化查看添加提交示例教程

    目录 1.Git最基础的使用方式 (1)初始化本地版本库 (2)查看文件的状态 (3)把文件添加到暂存区 (4)把暂存区的内容提交到本地版本库 2.总结本文用到的Git命令 1.Git最基础的使用方式 (1)初始化本地版本库 要对现有的某个项目开始使用Git管理,只需到此项目所在的根目录,执行git init命令即可. 准备一个新的Git本地版本库: L@DESKTOP-T2AI2SU MINGW64 /j/git-repository/learngit $ git init Initializ

  • JavaScript实现基础排序算法的示例详解

    目录 前言 正文 1.冒泡排序 2.选择排序 3.插入排序 4.快速排序 前言 文本来总结常见的排序算法,通过 JvavScript  来实现 正文 1.冒泡排序 算法思想:比较相邻两个元素的大小,如果第一个比第二个大,就交换它们.从头遍历到尾部,当一轮遍历完后,数组最后一个元素是最大的.除去最后一个元素,对剩下的元素重复执行上面的流程,每次找出剩余元素中最大的,遍历完后,数组是升序的 算法分析:总共需要进行length * (length - 1) / 2 次比较,所以时间复杂度为O(n^2)

  • Immer 功能最佳实践示例教程

    目录 一.前言 二.学习前提 三.历史背景 四.immer 功能介绍 好处 更新模式 更新对象 更新数组 嵌套数据结构 异步 producers & createDraft createDraft 和 finishDraft 五.性能提示 预冻结数据 可以随时选择退出 对于性能消耗大的的搜索操作,从原始 state 读取,而不是 draft 将 produce 拉到尽可能远的地方 六.陷阱 不要重新分配 recipe 参数 Immer 只支持单向树 永远不要从 producer 那里显式返回 u

  • JavaScript数据类型学习笔记分享

    本文实例为大家讲解JavaScript数据类型的相关资料,供大家参考,具体内容如下 1.引用类型 引用类型的值是引用类型的一个实例,引用类型是一种数据结构,用于将数据和功能组织在一起,也常被叫做类. 对象时某个特定引用类型的实例,新对象是使用new操作符后跟一个构造函数来创建的,构造函数本身就是函数,是出于创建新对象的目的而定义的. var person = new Object(); 2.Object类型 (1)Object类型对于应用程序中存储和传输数据来说,是非常理想的选择. (2)Obj

  • Bootstrap零基础入门教程(三)

    什么是 Bootstrap? Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的. 历史 Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的.Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品. 写到这里,这篇从零开始学Bootstrap(3)我想写以下几个内容: 1. 基于我对Bootstrap的理解,做一个小小的总结.

随机推荐