运算符
算术：+ 加、- 减、* 乘、/ 除、% 取模(也叫取余)
余数就是不能整除的多出来的那部分 比如说 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. bzoj 4127: Abs 树链剖分

    4127: Abs Time Limit: 40 Sec  Memory Limit: 256 MBSubmit: 11  Solved: 5[Submit][Status][Discuss] Des ...

  2. hdu 4286

    splay 练手用: 杭电的oj要手动开栈: #include<cstdio> #pragma comment(linker, "/STACK:102400000,1024000 ...

  3. w3c subscribe

    http://www.w3.org/html/ig/zh/ http://blog.csdn.net/spring21st/article/details/6126537 http://www.w3c ...

  4. Codeforces Round #237 (Div. 2)

    链接 A. Valera and X time limit per test:1 secondmemory limit per test:256 megabytesinput:standard inp ...

  5. 【形式化方法：VDM++系列】1.前言

    1.前言 今天开始上课学习软件需求分析与VDM++,经过一节课的学习,我又增长了见识. 软件需求工程在软件工程中处于十分核心的地位:需求分析的好坏直接决定软件工程的成败.这一点是我之前对需求工程的理解 ...

  6. Google的代码风格规范，各种语言都很全

    https://code.google.com/p/google-styleguide/

  7. 139. Word Break

    题目: Given a string s and a dictionary of words dict, determine if s can be segmented into a space-se ...

  8. ContentLoadingProgressBar不显示问题

    ContentLoadingProgressBar需要设置style 并且在XML中布局的位置必须写在content布局的下面 <?xml version="1.0" enc ...

  9. SQL Server 连接字符串和身份验证详解

    SQL Server .NET Data Provider 连接字符串包含一个由一些属性名/值对组成的集合.每一个属性/值对都由分号隔开.          PropertyName1=Value1; ...

  10. 【DataStructure In Python】Python模拟二叉树

    使用Python模拟二叉树的基本操作,感觉写起来很别扭.最近做编译的优化,觉得拓扑排序这种东西比较强多.近期刷ACM,发现STL不会用实在太伤了.决定花点儿时间学习一下STL.Boost其实也很强大. ...