| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> JavaScript知识库 -> 初始JavaScript(二) -> 正文阅读 |
|
[JavaScript知识库]初始JavaScript(二) |
一、数据类型转换1.使用表单、prompt 获取过来的数据默认是字符串类型的,此时就不能直接简单的进行加法运算,而需要转换变量的数据类型。通俗来说,就是把一种数据类型的变量转换成另外一种数据类型。 我们通常会实现3种方式的转换: ? ?
? 2.将数据类型转换成字符串 三种转换方式,通常更习惯用第三种加号拼接字符串转换方式, 这一种方式也称之为隐式转换。 隐式转换是我们在进行算数运算的时候,JS 自动转换了数据类型。? ? 3.将数据类型转换成数字型(重点) 注意: parseInt 和 parseFloat 单词的大小写。 ? 案例1:计算年龄 要求在页面中弹出一个输入框,我们输入出生年份后, 能计算出我们的年龄。 案例分析: 弹出一个输入框(prompt),让用户输入出生年份 (用户输入); 把用户输入的值用变量保存起来,然后用今年的年份减去变量值,结果就是现在的年龄 ?(程序内部处理); 弹出警示框(alert) , 把计算的结果输出 (输出结果); ? 案例2:简单加法计算器? 用户输入第一个值后,继续弹出第二个输入框并输入第二个值,最后通过弹出窗口显示出两次输入值相加的结果。 案例分析: 先弹出第一个输入框,提示用户输入第一个值 ?保存起来 再弹出第二个框, 提示用户输入第二个值 ?保存起来 把这两个值相加,并将结果赋给新的变量(注意数据类型转换) ? 弹出警示框(alert) , 把计算的结果输出 (输出结果)? ? 4.将数据类型转换成布尔型 代表空、否定的值会被转换为 false ?, 如 ''、0、NaN、null、undefined 其余值都会被转换为 true? ? 二、变量?1.变量是用于存放数据的容器。 我们通过 变量名 获取数据,甚至修改数据。 本质:变量是程序在内存中申请的一块用来存放数据的空间。 ? 2.?变量的声明? var ( variable 变量的意思 )是一个 JS关键字,用来声明变量 通过变量名来访问内存中分配的空间? ? 3.变量的赋值 “=” 用来把右边的值赋给左边的变量空间中; 变量值就是保存到变量空间里的值? ? 4.变量的初始化 声明一个变量并赋值, 我们称之为变量的初始化 注意:不需要提前声明变量的类型,在代码运行时,变量的数据类型是由 JS引擎 根据等号右边变量值的数据类型来判断 的,运行完毕之后, 变量就确定了数据类型。? ? 5.声明变量特殊情况
? 三、运算符?在程序中经常会对数据进行运算,为此,JavaScript提供了多种类型的运算符(操作符),所谓运算符就是用于执行特定运算或逻辑操作的符号。 JavaScript中经常使用的运算符有:
? 1.算数运算符 算术运算使用的符号,用于执行两个变量或值的算术运算;
前置的:先自加或自减,后返回值 后置的:先返回原值, 后自加或自减 ? 2.赋值运算符 用来把数据赋值给变量的运算符; ? 3.比较运算符? ?比较运算符(关系运算符)是两个数据进行比较时所使用的运算符,比较运算后,会返回一个布尔值(true / false); ? 4.逻辑运算符 ? ?逻辑运算符是用来进行布尔值运算的运算符,其返回值也是布尔值。后面开发中经常用于多个条件的判断;
5.三元运算符? 三元运算符是一种需要三个操作数的运算符,运算的结果根据给定条件决定,具体语法如下: 先求条件表达式的值,如果为true就返回表达式1的执行结果;如果条件表达式为false,则返回表达式2的执行结果,具体示例如下:? ? 总 结
|
|
JavaScript知识库 最新文章 |
ES6的相关知识点 |
react 函数式组件 & react其他一些总结 |
Vue基础超详细 |
前端JS也可以连点成线(Vue中运用 AntVG6) |
Vue事件处理的基本使用 |
Vue后台项目的记录 (一) |
前后端分离vue跨域,devServer配置proxy代理 |
TypeScript |
初识vuex |
vue项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2025年2日历 | -2025/2/5 22:43:34- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |