运算符
算术:+ 加、- 减、* 乘、/ 除、% 取模(也叫取余)
余数就是不能整除的多出来的那部分 比如说 23除以5 等于4.6   保留整数4舍弃小数.6  然后用保留的整数4乘以5等20  最后用23减20等3  这个剩下的3 就叫做余数
1
2
例如12取5的余数
alert(12%5);
实例:隔行变色
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
window.onload=function ()
    {
        var aLi=document.getElementsByTagName('li');  //数组获取所有li
        for(var i=0;i<aLi.length;i++)  //循环,i=0 i小于li个数,每循环一次i+1
            {
                if(i%2==0//如果i除2余数等于0
                    {
                        aLi[i].style.background='#ccc';//0 2 4 6...双数的时候
                    }
                    else{
                        aLi[i].style.background='#fff';//1 3 5 7...单数的时候
                    };
            };
    };
<body>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</body>
实例 : 秒转时间
1
2
3
4
5
6
7
8
9
10
11
12
var s=156;  //定义变量秒156
    alert(s/60+'分钟'//秒除以60+字符串分钟弹出结果2.6分钟
 
    var s=156;  //定义变量秒156
    alert(parseInt(s/60)+'分钟');  //使用parseInt取整数后弹出结果为2分钟
 
    var s=156;  //定义变量秒156
    alert(parseInt(s/60)+'分钟'+s%60+'秒');  //秒除以60+字符串分钟结果2.6分钟再+s秒除以60+字符串秒结果2分钟36秒
 
    1345秒等于多少分钟多少秒
    var s=1345;
    alert(parseInt(s/60)+'分钟'+s%60+'秒');
赋值:=、+=、-=、*=、/=、%=

1
2
3
i=i+1  //自增,自己加1,可以简化成i++也可以简化成i+=1作用是一样的 
++每次只能加一个,就是每次运行时只+1 
比如需要一次加3的话就应该这样写i=i+3或i+=3

关系:<、>、<=、>=、==、===、!=(不等)、!==(不等等,隐式转换)

逻辑:&& 与并且、|| 或、! 否 && 与并且 : 多个条件必须同时成立
1
2
3
4
5
6
7
8
9
&& 与并且判断n是不是一个两位数
var n=123;
if(n>9 && n<100)  //如果n小于9并且n小于100
{
    alert("n是两位数")
}
else{
    alert("n不是两位数")
};
|| 或 : 多个条件成立一个即可
! 否 : 真的变假的,假的变真的,真假值互换一下
1
2
alert(!true); //加个!号真变成假
alert(! !true); //加两个!号真变成假再变成真
运算符优先级:括号
 
程序流程控制
判断:if、switch、?:
1
2
3
4
5
6
7
8
if的基本用法
    if(条件)
    {
        如果条件成立执行的语句
    }
    else{
        如果条件不成立执行的语句
    }

1

2
3
4
5
6
7
8
9
10
11
12
13
if的高级用法 
    if(条件1) 
   
        如果条件1成立执行的语句 
   
    else if(条件2) 
   
        如果条件1不成立,条件2成立的话执行的语句 
   
    else
        当所有条件都不成立时,执行的语句 
    }
一个if里面可以有无限个else if()但只能有一个else
switch的用法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
var name="abc";
var sex="男";
switch(放变量)
{
    case 值1:  //当变量等于值1的时候执行
        break;  
    case 值2:  //当变量等于值2的时候执行
        break;
    case 值3:  //当变量等于值3的时候执行
        break;
        default://如果值都不满足变量,执行这里
}
示例:
var name="abc";
var sex="男";
switch(sex)
{
    case '男':
        alert(name+"先生你好");  //当变量等于值1的时候执行
        break;
    case '女':
        alert(name+"女生你好");  //当变量等于值2的时候执行
        break;
        default:
        alert(name+"你好");  //如果值都不满足变量,执行这里
};
?三元(也叫三目)运算符
if循环的简写,和if的作用是一样的
格式 : 条件?语句1:语句2;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
判断单双数示例用if来写
var a=12;
if(a%2==0)
{
    alert("双数");
}
else
{
    alert("单数");
}
 
判断单双数示例用?来写
var a=55;
a%2==0?alert('双数'):alert('单数');
跳出:break、continue
break、continue是循环里特有的语句
break : 中断
continue : 继续
1
2
3
4
5
6
7
8
9
for (var i = 0; i < 5; i++) //循环i从0开始循环,i到小于5循环结束,每次循环i自身+1
{
    if(i==2) //如果i=2时
    {
        break; //跳出停止整个循环
        continue; //当i等于2时跳过本次循环
    }
    alert(i); //弹出i的值
};
什么是真、什么是假:
真:true、数字,、字符串、对象,都是真的.(有东西的时候都是真的) 假:false、数字零、空字符串、null空对象、undefined,都是假的.(没有东西的时候都是假的)
 
什么是Json
Json个数组一样都是用来存东西的.
1
2
3
4
5
6
json,和数组一样,是用来存东西的,例如存放变量
数组用的是[]括号,json用的是{}括号里面东西的格式是名字:值各个数据之间用逗号分隔
var json={a:12,b:5,c:'abc'}
alert(json.a);  //可以直接调用json里面存放的某个变量
json.b++  //json里的数据也可以直接进行变量操作
alert(json.b);
json和数组
1
2
3
4
5
6
7
8
9
10
11
var json={a:12,b:5,c:7};  //json
alert(json.a);  //从json中获取a
alert(json['a']);  //也可以写成这样.
 
var arr=[12,5,7]; //数组
alert(arr[0]);  //从数组中获取第一个数字
alert(arr.length);  //数组的length属性(数组所包含的个数)
 
//json和数组的其别:
//1json的下标是一个字符串['a'];数组的下标是一个数字[0]
//2数组有一个重要的属性,length,而json是没有的.
1
2
3
4
5
6
7
8
9
10
11
12
13
// 数组的两种循环
//第一种 使用length
var arr=[12,5,7];
for(var i=0;i<arr.length;i++)
{
    alert('第'+i+'个东西:'+arr[i]);
}
//第二种 使用 for in
var arr=[12,5,7];
for (var i in arr) 
{
    alert('第'+i+'个东西:'+arr[i]);
};
1
2
3
4
5
6
//json没有length属性,那么怎么循环它呢?它同样可以使用数组的第二种方法 for in
var json={a:12,b:5,c:7}; 
for(var i in json)
{
    alert('第'+i+'个东西:'+json[i]);
}
当碰到数组的时候,最好还是用for 的从0到length的方法循环,只有在碰到json的时候才使用for  in的方法循环.这样不容易出问题.

javascript-智能社-JS基础B笔记的更多相关文章

  1. javascript-智能社-JS基础A笔记

    JavaScript基础A JavaScript组成 ECMA : 全称ECMAScript,解释器.计算机语言的翻译 DOM:全称Document Object Model,赋予了JS操作HTML的 ...

  2. Javascript进阶篇——(JS基础语法)笔记整理

    根据慕课网学习整理到一起的笔记,把东西整理到一起看起来比较方便 什么是变量字面意思:变量是可变的量:编程角度:变量是用于存储某种/某些数值的存储器.我们可以把变量看做一个盒子,盒子用来存放物品,物品可 ...

  3. JS基础知识笔记

    2020-04-15 JS基础知识笔记 // new Boolean()传入的值与if判断一样 var test=new Boolean(); console.log(test); // false ...

  4. handlebars.js基础学习笔记

    最近在帮学校做个课程网站,就有人推荐用jquery+ajax+handlebars做网站前端,刚接触发现挺高大上的,于是就把一些基础学习笔记记录下来啦. 1.引用文件: jquery.js文件下载:h ...

  5. 两万字Vue.js基础学习笔记

    Vue.js学习笔记 目录 Vue.js学习笔记 ES6语法 1.不一样的变量声明:const和let 2.模板字符串 3.箭头函数(Arrow Functions) 4. 函数的参数默认值 5.Sp ...

  6. 两万字Vue.js基础学习笔记(二)

    Vue.js学习笔记(二) 4.模块化开发 ES6模块化的导入和导出 我们使用export指令导出了模块对外提供的接口,下面我们就可以通过import命令来加载对应的这个模块了 首先,我们需要在HTM ...

  7. node.js 基础学习笔记2

    Module和Package是Node.js最重要的支柱. Node.j 提供require函数来调用其他模块,而且模块都是基于文件.模块和包区别是透明的,因此常常不作区分. 1.模块和文件一一对应. ...

  8. 二、JavaScript语言--JS基础--JavaScript进阶篇--JS基础语法

    1.变量 定义:从字面上看,变量是可变的量:从编程角度讲,变量是用于存储某种/某些数值的存储器.我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服.玩具.水果...等. 命名:变量名字可以任 ...

  9. js基础学习笔记(六)

    事件(可以被 JavaScript 侦测到的行为) 主要事件表: 加载事件(onload) 事件会在页面加载完成后立即发生,同时执行被调用的程序. 卸载事件(onunload) 当用户退出页面时(页面 ...

随机推荐

  1. Java Web 前端高性能优化(二)

    一.上文回顾 上回我们主要从图片的合并.压缩等方面介绍前端性能优化问题(详见Java Web 前端高性能优化(一)) 本次我们主要从图像BASE64 编码.GZIP压缩.懒加载与预加载以及 OneAP ...

  2. Python 之 使用 PIL 库做图像处理

    http://www.cnblogs.com/way_testlife/archive/2011/04/17/2019013.html Python 之 使用 PIL 库做图像处理 1. 简介. 图像 ...

  3. POJ 2195 Going Home(最小费用最大流)

    http://poj.org/problem?id=2195 题意 :  N*M的点阵中,有N个人,N个房子.让x个人走到这x个房子中,只能上下左右走,每个人每走一步就花1美元,问当所有的人都归位了之 ...

  4. 【 NOIP2015 DAY1 T2 信息传递】带权并查集

    题目描述 有n个同学(编号为1到n)正在玩一个信息传递的游戏.在游戏里每人都有一个固定的信息传递对象,其中,编号为i的同学的信息传递对象是编号为Ti同学. 游戏开始时,每人都只知道自己的生日.之后每一 ...

  5. [状压dp]POJ2686 Traveling by Stagecoach

    题意: m个城市, n张车票, 每张车票$t_i$匹马, 每张车票可以沿某条道路到相邻城市, 花费是路的长度除以马的数量. 求a到b的最小花费, 不能到达输出Impossible $1\le n\le ...

  6. Linq中的常用方法

    System.Linq System.Linq.Enumerable  类 Range Repeat Reverse Select Where Sum Zip Aggregate Count Firs ...

  7. Form.block Trigger DML常规写法

    Block的数据源是View的,如果想操作数据,需要注意在以下几个Trigger里面写代码: 一般建议创建View的时候包含rowid字段. on-lock: select inventory_ite ...

  8. C#面向对象编程实例-猜拳游戏

    1.需求 现在要制作一个游戏,玩家与计算机进行猜拳游戏,玩家出拳,计算机出拳,计算机自动判断输赢. 2.需求分析 根据需求,来分析一下对象,可分析出:玩家对象(Player).计算机对象(Comput ...

  9. MFC框架

    第一点:类别型录网的搭建: 类别型录网搭建的目的是为了实现所谓的"执行期类型识别",也就是在程序运行的时候识别出某个对象是否是某个类的实例(基类也可以).这里还不是很明白为什么需要 ...

  10. ruby编程语言-学习笔记3(第4章 表达式和操作符)

    4.6 操作符 了解优先级很重要 位移操作符 (0b1011)<< 1       #   ==> "10110"      11 << 1 = 22 ...