运算符
算术:+ 加、- 减、* 乘、/ 除、% 取模(也叫取余)
余数就是不能整除的多出来的那部分 比如说 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. [CC150] Get all permutations of a string

    Problem: Compute all permutations of a string of unique characters. 此题用循环的方式不好做,下面是一种递归的思路: 把给的字符串看成 ...

  2. 《php和mysql web开发》读书笔记

    总算是强迫自己把第一篇给看完了,在这里做一个小结,将一些知识点记录下来. 一.第一篇 使用PHP 1.php中的注释.php支持c.c++和shell脚本风格注释 /**/多行注释  //单行注释   ...

  3. [转贴]超级懒汉编写的基于.NET的微信SDK

    一.前言 特别不喜欢麻烦的一个人,最近碰到了微信开发.下载下来了一些其他人写的微信开发“框架”,但是被恶心到了,实现的太臃肿啦. 最不喜欢的就是把微信返回的xml消息在组装成实体类,所以会比较臃肿,现 ...

  4. CP_THREAD_ACP与CP_ACP

    在使用MultiByteToWideChar的时候,大部分都知道上述两个参数,MSDN上的解释也是简单到极致.通常我们会选择使用CP_ACP,但是总有人会在没有真正明白它们之间的区别前使用CP_THR ...

  5. 学习笔记-[Maven实战]-第三章:Maven使用入门(1)

    说明:[Maven实战]一书还介绍了怎么样手工创建Maven工程,学习这本书是为了能尽快在工作中使用,就忽略了手工建工程的部分 如果想了解这部分的内容,可以自己看看书 开始: 1.新建一个maven工 ...

  6. 个人比较喜欢的Sublime Text主题

    Monokai Bright Pastels on Dark Sunburst Twilight Flatland Dark Flatland Monokai

  7. MVC——母版与分部

    背景: 母版是因为有一些网站里的很多网页都是采用相同的布局,所以只需要写一个母版,然后在母版该写不同模板的地方加上@RenderBody(),然后创建不同模块的时候只需要创建视图,然后选择母版就可以了 ...

  8. .NET System.Timers.Timer的原理和使用(开发定时执行程序)

    概述(来自MSDN) Timer 组件是基于服务器的计时器,它使您能够指定在应用程序中引发Elapsed 事件的周期性间隔.然后可以操控此事件以提供定期处理.例如,假设您有一台关键性服务器,必须每周7 ...

  9. HTTP缓存是如何实现

    浏览器是如何知道使用缓存的,其实这都是通过http中,浏览器将最后修改时间发送请求给web服务器,web服务器收到请求后跟服务器上的文档最后修改的时间对比,如果web服务器上最新文档修改时间小于或者等 ...

  10. CodeForces 370A Rook, Bishop and King

    此题看似很简单,但实际上有不少细节,WA点不少.分情况处理即可. #include<cmath> #include<cstdio> #include<string> ...