运算符
算术:+ 加、- 减、* 乘、/ 除、% 取模(也叫取余)
余数就是不能整除的多出来的那部分 比如说 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. portlet初学习及HelloWorld例子

    1. 在myeclipse中新建一个web project,在src中新建如下类: package com.yoyo.portlet; import java.io.IOException; impo ...

  2. location.hash && location.href

    hash:设置或获取 href 属性中在井号“#”后面的分段. href:设置或获取整个URL为字符串. 通过下面的测试你会发现区别,将代码放到你的HTML中,然后用浏览器打开,测试步骤: 点击“超链 ...

  3. 图文详解如何搭建Windows的Android C++开发环境

    原地址:http://www.apkbus.com/android-18595-1-1.html //================================================= ...

  4. Python中文全攻略

    原文链接:http://blog.csdn.net/mayflowers/archive/2007/04/18/1568852.aspx 1.        在Python中使用中文 在Python中 ...

  5. [jobdu]二叉树的镜像

    树的镜像,这里的做法就是先序遍历的反过来呗. #include <iostream> #include <vector> using namespace std; void p ...

  6. 9. MonoBehaviour.StartCoroutine 开始协同程序

    function StartCoroutine (routine : IEnumerator) : Coroutine 描述:开始协同程序. 一个协同程序在执行过程中,可以在任意位置使用yield语句 ...

  7. C语言考试解答十题

    学院比较奇葩,大一下期让学的VB,这学期就要学C++了,然后在开学的前三个周没有课,就由老师讲三个周的C语言,每天9:30~11:30听课,除去放假和双休日,实际听课时间一共是12天*2小时,下午是1 ...

  8. 通过Hibernate将数据库在myeclipse中逆向生成

    1.首先准备好数据库. 2.在MyEclipse的右上角切换透视图,切换到MyEclipse Database Explorer 3.在最左边点击右键,选择New(也就是新建一个数据库连接),然后编写 ...

  9. 应付分配集 Distribution Sets

    (N) AP > Setup > Invoice > Distribution Sets (定义分配集) You can use a Distribution Set to auto ...

  10. 编译安装nginx并修改版本头信息—参考实例

    今天做实验的时候,想起我那台yum安装的nginx+php-fpm+mysql服务器上的nginx版本有点低了,并且还要加两个第3方模块,就去nginx官网下载了最新稳定版nginx-1.0.6,好了 ...