运算符
算术：+ 加、- 减、* 乘、/ 除、% 取模(也叫取余)
余数就是不能整除的多出来的那部分 比如说 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. CSS 实现背景半透明

    IE过渡滤镜 + CSS3 rgba 即可完美实现. 具体实现代码如下: .transparent {     background:rgba(0, 0, 0, 0.3);     filter:pr ...

  2. Twitter:蓄水池储水量问题

    早上买了两个饼夹肉,我吃了一个,辣椒粉好多,现在一直在实验室喝水. 一.倒数第n位 今年暑假去世纪佳缘面试,其中一题就是这个,只能遍历一遍链表求出倒数第n位. 答案是两个指针,第一个在头部设为A,第二 ...

  3. python编码基础知识

    http://www.javaeye.com/topic/560229 一 预备知识 字符集1, 常用字符集分类ASCII及其扩展字符集作用:表语英语及西欧语言.位数:ASCII是用7位表示的,能表示 ...

  4. URAL 1119. Metro（BFS）

    点我看题目 题意  : 这个人在左下角,地铁在右上角,由很多格子组成的地图,每一条边都是一条路,每一条边都是100米.还有的可以走对角线,问你从起点到终点最短是多少. 思路 : 其实我想说一下,,,, ...

  5. EqualsBuilder和HashCodeBuilder

    package com.osc.demo; import java.util.List; import org.apache.commons.lang.builder.EqualsBuilder; i ...

  6. windows ハンドル

    windows句柄 这篇文章是我在学习的时候为了以后忘记所以把当时的理解记录下来.一定有不正确的地方,所以仅供参考. 我们初学VC++是经常遇到一些我们在标准C++中没有的数据类型,如句柄,消息.  ...

  7. Cannot proxy target class because CGLIB2 is not available. Add CGLIB to the class path or specify proxy interfaces

    问题解决:缺少jar包 cglib-2.1.3.jar

  8. 百万程序员的苦恼－选择VB.NET还是C#

    在过去的一年中,互联网上的各大讨论区或者电子邮件的讨论列表都对微软的VB.NET以及C#的各种优越性做了探讨.这些讨论围绕的主要问题就是,我应该先学哪一个,VB.NET还是C#?? 我写这篇文章的目的 ...

  9. LA_3026_Period_(kmp)

    描述 https://icpcarchive.ecs.baylor.edu/index.php?option=com_onlinejudge&Itemid=8&page=show_pr ...

  10. 【原】SparkContex源码解读（一）

    版权声明:本文为原创文章,未经允许不得转载. SparkContext(简称sc)是Spark程序的主入口,代表一个连接到Spark集群(Standalone.YARN.Mesos三种集群部署模式)的 ...