2018.1.22 js
- 1、JavaScrip运算符 【案例】
a+=b 等价于 a=a+b
a-=b 等价于 a=a-b
a*=b 等价于 a=a*b
a/=b 等价于 a=a/b
a%=b 等价于 a%=b
2、逻辑控制语句
语法1:
if(表达式){
代码1;
代码2;
}
语法2:
if(表达式)代码;
语法4
if(表达式2){
代码块1}
else if(表达式N){
代码块N
}
else{
代码块N+1
}
3、if-selse 与 swich 使用场景
多区间判断,复杂的判断使用 if else;定值使用 switch
#if-else与switch的使用场景
如果是多区间判断,复杂的判断使用if-else
如果是定值判断,使用switch
#while循环
语法:
while(循环条件){
循环操作...;
}
特点:
先判断条件,后执行循环操作
#do-while循环
语法:
do{
循环操作...;
}while(循环条件)
特点:
先执行循环操作,后判断条件
#for循环
语法:
for(变量初始化;条件判断;变量变化){
循环操作;
}
特点:
先判断,后执行
顺序:
1.变量初始化
2.条件判断
3.循环操作
4.变量变化
5.条件判断
6.循环操作
7........
-----------------------------------------------
4、Js的循环
4.1while循环【先判断后执行】
while(循环条件){
循环操作
}
4.2do-while 循环 【先执行,再判断;至少执行一次;使用的场景很少】
do{
循环操作。。。;}
while(循环条件)
}
4.3 for循环 【先判断后执行,执行顺序是】
for(变量)
顺序:1.变量初始化 2.条件判断 3.循环操作 4.变量变化 5.条件判断 6.循环操作 【2,3,4在循环】
---------------------------------------------------
var student=80000;
var year = 2006;
while(student>200000){
i*=1.25i
j=1.25*i
Y=(j-i)
}
------------------------------------------------------
5、debug(调试工具)
1.F12
2.socucs找到文件
3.猜位置,打断点
4.刷新页面程序就在打断点的位置停下来
5.单步执行(step),点一下执行一句,同事观察变量
6.找到问题后取消断点,让整体执行
6、数组 Array
3种创建数组的方式【主要是第三种,直接写内容】
var
7、数组的常用方法
var arr1=new Array(3); //创建长度为3的空数组
var arr2=new Array(1,2); //创建长度为2的数组,内容分别是1,2
var arr3=["aaa","bbb"]
arr3.push("aaa","bbb"); //向数组末尾添加值,用逗号隔开
arr3.pop() 删除数组最后一个元素,括号中不能传参数
arr1.unshift("aa","bb") 在数组首位添加值,用逗号隔开
arr3.shift(); 删除数组首位的元素
arr4= arr1.concat(arr2,arr3,"One","Two") 数组的合并,链接多个数组或值
var str=arr4.toString(); //将数组转为字符串(返回一个新的字符串,原来数组保留)
str=arr4.join("_"); //类似toString(),但是可以自动以分隔符
console.log(str); 【在控制台看结果】
arr.indexof("aaa",0); //根据a搜索数组中的元素* 【找到就是1,找不到就是-1】默认从头搜索,第二个参数是从下标n开始【有多个只显示第一个】
arr.slice(0,1); //根据索引截取 【包前不包后】
console.log(arr.slice(0,1)) //在控制台输出截取内容
arr.splice(1,1,1,0) //增删改 将下标移到1 删除1位 将“1,0”加到原位置
arr.aplice(0,2) //从0位开始删除2位
arr.aplice(0,0,"FF") //从下标0开始不删除,将FF插入到下标位0的位置上
var num=[12,2,3,45,6,78,1,2];
arr.sort() //按升序排列【注:仅按照首位,而不是真的升序排列】
arr.reverse() //倒序排列【仅仅是把顺序倒置,和大小无关】 reverse-重复
console.log(nums);
//数组求和:
var arr=[12,-5,1,2.125,0,7];
sum=0;
for(var i=0;i<arr.length;i++){
sum+=arr[i];
}
document.write("求和"+sum);
document.write("求平均值"+sum/arr.length);
//数组求最大值:
var arr=[12,-5,1,2.125,0,7];
for(var i=1;i<arr.length;i++){
if(max<arr[i];){
max=arr[i];
}
}
//for-in 专门用于遍历数组和对象
for(var i in arr){
console.log(arr[i]);
}
8、JavaScrip的面向对象
8.1创建对象的方法1
//var 对象名={属性1:值1,函数名1:函数体};
var dog={
type:"金毛",
sex:"母"
eat:function(){
console.log("吃饭")
},
{
sleep:function(){
console.log("睡觉")}
}
}
console.log(dog.type);
console.log(dog['color']) #控制台输出
dog.eat();
dog.sleep();
8.2创建对象的方法2
//var 对象名=new Object();
//对象名.属性1=值1;
//对象名.函数名=函数体
var cat=newObject();
cat.name="大脸猫";
cat.sex="母";
cat.eat=function(){
console.log("吃东西")
}
cat.eat();
9、类型转换
//自动类型转换
‘10’-‘2’ 结果:8
“10”*“2” 结果:20
“10”%“2” 结果:0
“10”*“A” 结果:NaN(Not a Number)
//强制类型转换
parseInt(String) 字符串转为整形 parseInt("3.14") 结果:3
parseFloat(Int) parseFloat(5.1) 结果:5.1
2018.1.22 js的更多相关文章
- 2018.09.22 上海大学技术分享 - An Introduction To Go Programming Language
老实说笔者学习 Go 的时间并不长,积淀也不深厚,这次因缘巧合,同组的同事以前是上海大学的开源社区推动者之一,同时我们也抱着部分宣传公司和技术分享的意图,更进一步的,也是对所学做一个总结,所以拟定了这 ...
- 2.22 JS处理富文本
2.22 JS处理富文本 前言 <富文本>这篇解决了富文本上iframe问题,其实没什么特别之处,主要是iframe的切换,本篇讲解通过js的方法处理富文本上iframe的问题一.加 ...
- 2018.9.22 Bubble Cup 11-Finals(Online Mirror,Div.2)
感受了一下ACM的感觉,然后被神题和神犇们暴踩了 夭寿啦,机房大佬非法组队啊 比赛前i207M插的“怕不是不到九点就要弃疗”的flag成功生效 一开始先扫了一遍题,我一开始以为A题是个扫一遍的题,然后 ...
- 2018.7.6 js实现点击事件---点击小图出现大图---时间定时器----注册表单验证
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...
- 2018.7.3 JS实现增删改查没有连接数据库
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...
- 2018.6.22 Java试题测试结果
如何从有数字规律的网址抓取网页并保存在当前目录?假设网址为 http://test/0.xml,其中这个数字可以递增到100. for((i=0;i<100;++i));do wget http ...
- vue-learning:22 - js - directives
directives 在讲解视图层指令时,我们讲到ref特性,使用它我们可以获取当前DOM元素对象,以便执行相关操作. <div id="app"> <input ...
- 9.22 JS脚本语言DOM
通用:onclick 鼠标单击ondblclick 鼠标双击onmouseover 鼠标放上onmouseout 鼠标离开onmousemove 鼠标移动 表单:onchang 表单的值改变onblu ...
- Ubuntu16.0.4下搭建pycharm 2018.3.22
一.首先安装Java jdk Java JDK有两个版本,一个开源版本Openjdk,还有一个Oracle官方版本jdk.下面记录在Ubuntu 16.04上安装Java JDK的步骤. 安装open ...
随机推荐
- RESP协议
RESP 是 Redis 序列化协议的简写.它是⼀种直观的⽂本协议,优势在于实现异常简单,解析性能极好. Redis 协议将传输的结构数据分为 5 种最⼩单元类型,单元结束时统⼀加上回⻋换⾏符号\r\ ...
- C# 将dataset数据导出到excel中
//添加引用 NPOI.dll //添加 using NPOI.HSSF.UserModel; /// <summary> /// 导出数据到Excel /// </summary& ...
- 前端基础——HTML(一)
HTML html超文本标记语言 前端三层 HTML结构层 css样式层 JavaScript行为层 其他多媒体内容(图片,音频等等) 互联网运行过程 客 --http请求--> 服 户 htt ...
- STC 核心板 入门记
写在开始 STC核心板,它的软件十分全面,想要什么都有,非常适合新手入门. 上一次电赛刚结束,现在反正也啥也不太会,干脆学个这个吧. 顺便写篇博客记录一下. 记录第一次烧写 周四下单,周六到货.中午拿 ...
- 入门 第一个python可视化程序 基于pyqt5
不得不说 py的GUI实在是太难上手了 我现在突然很怀念MFC VB c#这些东西了 因为控件的代码你只要一点就能进入查看 而pyqt5 pyside2 都不可以 你要看就看全部的代码 你要改你也只能 ...
- ES6里class杂乱随笔
这是一篇乱七八糟的随笔.class是ES6新增的特性,用于解决JavaScript没有类的困惑. --杂谈 ES5及之前,类都是用函数来替代,包括实例. 如: 1 function Person(na ...
- Spring学习-spring核心机制-IOC依赖注入
转载自:http://www.cnblogs.com/chenssy/archive/2012/11/11/2765266.html 今天复习一下spring两大特性之一:IOC依赖注入,看了一下大佬 ...
- 求职时这样回答问题你就输了!来自IT类面试官视角的深度解读
摘要:在IT工程师准备写简历时,经常会遇到这些令人头疼的问题:应届生没有实践经验:不确定哪些信息该写不该写:不知道如何在简历上展现自己的优势:不知道如何编写项目经验一栏:为了高大上写上了自己不熟悉的技 ...
- Vulnhub DC3
靶机简介 C-3是另一个专门建造的易受攻击的实验室,目的是获得渗透测试领域的经验.与以前的DC版本一样,这个版本是为初学者设计的,尽管这次只有一个标志,一个入口点,根本没有线索.Linux技能和熟悉L ...
- modbus协议开关量采集模块
modbus协议开关量采集模块是指的使用Modbus协议的进行信号的采集与控制的一种设备. Modbus 协议设备都具有唯一的 Modbus 地址,众山 DTU 默认 Modbus 地址为 100,用 ...