文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

javascript数据类型基础示例代码分析

2023-06-29 12:20

关注

这篇文章主要讲解了“javascript数据类型基础示例代码分析”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javascript数据类型基础示例代码分析”吧!

js中的输入输出语句

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

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

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

javascript数据类型基础示例代码分析

javascript数据类型基础示例代码分析

javascript数据类型基础示例代码分析

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、变量命名规范

js中的基本数据类型

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

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

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

简单数据类型说明默认值
Number数字型,包含整型值和浮点型值,如12、0.820
Boolean布尔值类型,如 true 、 false ,等价于1和 0false
String字符串类型,如"张三"注意 js 里面字符串都带引号" "
Undefinedvar a ;声明了变量 a 但是没有给值,此时 a = undefinedundefined
Nullvar 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

javascript数据类型基础示例代码分析

我们只需要记住,在 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

javascript数据类型基础示例代码分析

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

javascript数据类型基础示例代码分析

布尔值类型 Boolean

如 true 、 false ,等价于1和 0

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

javascript数据类型基础示例代码分析

字符串类型 String

js中转义字符串

javascript数据类型基础示例代码分析

字符串的其它知识点。

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

 // 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

javascript数据类型基础示例代码分析

Undefined 和 Null

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

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

javascript数据类型基础示例代码分析

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

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

javascript数据类型基础示例代码分析

感谢各位的阅读,以上就是“javascript数据类型基础示例代码分析”的内容了,经过本文的学习后,相信大家对javascript数据类型基础示例代码分析这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     801人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     348人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     311人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     432人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     220人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯