js基础(1)~数据类型，运算符，if，while，for
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了js基础(1)~数据类型，运算符，if，while，for，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4459字，纯文字阅读大概需要7分钟。
内容图文
目录
1.页面中运行js
(1)javascript,简写为js，是一种函数式、弱类型的脚本语言。
(2)在一个网页中：
HTML负责页面中有什么。
CSS负责页面长什么样子。
JS负责页面能够干什么。
JS能够控制HTML和CSS
(3)Js在页面中运行有两种方式：
- 直接在script标签中写js代码。
- 引用外部js文件。Src属性填写的是外部js文件的绝对路径。
<script src="name.js"></script>
控制台输出：Console.log
一个页面中是可以关联多个script标签，代码会按照先后顺序执行。
赋值：从右往左赋值，等号右边的值赋值给左边
2.变量和基本数据类型
(1)使用var xxx声明一个变量， =表示赋值运算符，作用是把=右边的值赋给=左侧的变量。
var myAge = 31;
(2)基本数据类型：
数据类型：number，用于记录一个数字，直接输入数字。
var num = 30.5;
字符串类型：string，用于记录一段文本，使用双引号包括，也可以使用单引号定义。
var str = "20"; str = '大龙';
布尔类型：boolean,用于记录一个真假值(是否)。true为真，false为假。
var flag = true;
3.基本运算符
四则运算符：+号：可以用于数字相加。
var num =1+2+3;
console.log(num); //6
变量也可以通过表达式计算。
var num2 =num+num;
当用+号链接字符串时，代表字符串拼接。例如：
var s1 ="a";
var s2 ="b";
var s3 =s1+s2; //s3 = 'ab'
当数字和字符串进行相加时，代码会自动将数字转换为字符串，并与另一个字符串进行拼接，组成新的字符串。
var s4 ="3"+5;
console.log(s4); //35
-号：减号，两个数相减。例如：
var num3 =5-2;
console.log(num3); //num3 = 3
当参与运算的两个值其中只要有一个是字符串时，代码会将字符串转换为数字，然后进行数学相减(前提是字符串里面的内容可以转成数字)。例如：
var num4 ="5" -3;
console.log(num4);=2
*号：乘号：两数相乘。不同的运算拥有不同的优先级，乘法运算的优先级大于加减。
当字符串参与乘法运算时。和-(减号)遵循的规则一样，
/号：除号：和乘法运算规则一样，
%号：取余运算符：两个数字整除之后的余数，
var num7 =5%3;
console.log(num7);
++和–：自加1和自减1，
++写在变量后,代表变量先参与表达式计算,后自增
++写在变量前,表示先自增,后参与表达式计算
var num8 =5
var num9 =num8++;
console.log(num8,num9);num8 =6;num9 =5
// 逻辑和++相同，
var num10 =num9--;
console.log("???"+num9,num10);num9 =4;num10 =5
其他运算符
// +=表示自增运算 同样还有:-= *= /=
var num11 =10;
num11+=5;（numll=numll+5）;
console.log(num11);
4.布尔运算符
&&表示和运算,当运算符两侧的布尔值都为真时,结果才为真
var f1 =false&&true;
console.log(f1);
||表示或运算,两侧的布尔值只要有一侧为真,结果就为真
var f2 =true||false;
console.log(f2);
!表示非运算,是一个单目运算符,对布尔值进行取反,假的取真,真的取假。
非运算的优先级大于和与或。
var f3 = !true;
5.比较运算符
var a =6; var b =5;
// 两个变量进行比较,会得到一个布尔值的结果,不等式成立时为true 不成立则为false
// <小于(左侧小于右侧) >大于
var f1 =a<b;
// >=大于等于 <=小于等于 规则和大于小于一样
var f2 = a>=b;
// !=不等于
var f3 = a!=b;
比较运算符会组成一个表达式,无论这个表达式有多长,系统再去检测的时候始终会把该表达式的结果以一个bool值来返回出来。
6.If分支结构
编程采取的执行顺序是从上往下依次执行代码。
可以通过分支结构决定哪一部分代码执行哪一部分代码不执行。
可以通过循环结构让哪一部分代码执行对应的次数。
- If语句：if代表如果 (内部是条件表达式){满足表达式才会执行的代码}
- Else语句：else//否则 执行规则:当if括号内的布尔值为true时，执行if{}的代码 否则执行else{}的代码。
if搭配else必有一者执行 多个if有可能执行也有可能不执行;
if和else是可以连续使用的。
Else if：或者如果。
7.While循环结构
While循环：格式:while(布尔条件){循环体}
执行规则:
1.判断布尔条件,如果为假直接跳出循环 如果为真则执行循环体
2.循环体执行一遍之后回到第1步
// var flag =false;
// 布尔值变量再去做判断的时候判断条件的结果应该为true
Do while循环：
先执行一遍do里面的内容然后去看判断条件是否满足 如果满足继续走do 不满足则结束
var sum =0;
do{ sum++;console.log(sum);}while(sum<10)
8.For循环
- For循环格式：for(循环控制变量赋值;循环的条件;循环控制变量修改){循环体}
- 执行规则:
执行初始循环控制条件变量赋值
判断循环控制条件是否满足,如果不满足则直接退出循环,如果满足则执行循环体。
当循环执行完毕后,执行循环控制变量修改,然后回到第二步 - 循环嵌套：
// 循环体内,可以使用循环来控制变量
// i代表循环的值 i
// 循环可以嵌套 一个循环内部可以写另一个循环
for(var i=0;i<10;i++){
for(var j=0;j<10;j++){
console.log(i+""+j);
{
}
- 循环退出：
Contince：立刻结束循环体执行,执行循环控制变量更改,然后在重新进入条件判断，
Break：用于退出当前循环。
Contince和break的区别：
Contince是跳过本次循环，继续执行下一次的循环。
Break是直接结束循环。
嵌套循环break一次调不出来，如果需要跳出外层的循环 可以给外层循环起个名字,在break后面追加该名字就行。
9.Js中的=、==和===的区别
=是赋值运算符
==是判断值是否相等
===是判断值和类型是否相等(先比较值，后比较类型)
内容总结
以上是互联网集市为您收集整理的js基础(1)~数据类型，运算符，if，while，for全部内容，希望文章能够帮你解决js基础(1)~数据类型，运算符，if，while，for所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。