JavaScript的基础语法

一.字符串的常用方法

1.charAt()

charAt()获取指定位置的字符,字符串下标从0开始。

var str="我爱阅读,我爱运动。"
console.log(str.charAt(0));//我
console.log(str.charAt(1));//爱
console.log(str.charAt(2));//阅
console.log(str.charAt(3));//读
console.log(str.charAt(4));//,

2.substring()和slice()

substring(a,b)、slice(a,b)表示获取从a开始，到b结束，但不包括b的子串。只写a,表示获取从a开始，直到结束的所有字符串。
区别：
(1).substring(a,b)可以自动交换顺序,而slice不可以,a必须小于b。

var str="我爱阅读,我爱运动,我爱旅游。"
console.log(str.substring(5));//我爱运动,我爱旅游。
console.log(str.substring(5,9));//我爱运动
console.log(str.substring(9,5));//我爱运动  自动交换顺序，小的数字在前。
console.log(str.slice(5,9));//我爱运动 
console.log(str.slice(9,5));//""

(2).slice(a,b)中a可以是负数,表示倒数；而substring中a不可以是负数，会被当做0。

var str = "我爱阅读,我爱运动,我爱旅游。";
console.log(str.slice(-5, 15));//"我爱旅游。" 从倒数第五个到正数第十五个
console.log(str.slice(-1, 5));//找不到。 从倒数第一个到正数第五个
console.log(str.substring(-5, 5));//"我爱阅读," -5被当作0

3.substr()

substr(a,b)获取从a开始，长度为b的子串，a可以是负数。

var str = "我爱阅读,我爱运动,我爱旅游。";
console.log(str.substr(2,2));//"阅读"
console.log(str.substr(-3,2));//"旅游"
console.log(str.substr(-5,10));//"我爱旅游。"  从-5开始,直到结束。
console.log(str.substr(-18,10));//"我爱阅读,我爱运动," 找不到-18，从-15开始,长度为10。

4.toUpperCase()和toLowerCase()

toUpperCase()把字符串全部转为大写。
toLowerCase()把字符串全部转为小写。

var str = "Nice To Meet You";
console.log(str.toUpperCase()); //"NICE TO MEET YOU"
console.log(str.toLowerCase()); //"nice to meet you"

5.indexOf()

indexOf()返回某个字符在字符串中首次出现的位置，如果没有找到，返回-1。

var str="我爱爬山,我爱爬树,我爱捉迷藏。"
console.log(str.indexOf("我"));//0
console.log(str.indexOf("爱"));//1
console.log(str.indexOf("爬"));//2
console.log(str.indexOf("树"));//8
console.log(str.indexOf("捉"));//12
console.log(str.indexOf("动"));//-1

二. 运算符

1.算术运算符

常见的算术运算符有加(+),减(-),乘(*),除(/),取余(%)。加小括号可以改变运算符的优先级。

var a=10,b=20,c=3,d=2;
console.log(a+b);//30
console.log(a-b);//-10
console.log(a*b);//200
console.log(a/b);//0.5
console.log(a%b);//10
console.log(a-b*c/d); //-20 //-590,默认先算乘除再算加减
console.log((a-b)*c/d); //-15//-300,加小括号先算加减再算乘除

toFixed()可以保留指定的小数位数。

console.log(0.3+0.4);//0.7
console.log((0.3+0.4).toFixed(2));//0.70

Math.ceil():向上取整,Math.floor():向下取整。Math.round():小数的四舍五入。

console.log(Math.ceil(5.5)); //6
console.log(Math.floor(5.5)); //5
console.log(Math.ceil(6)); //6  整数向上取整还是它本身
console.log(Math.floor(6); //6  整数向下取整还是它本身
console.log(Math.ceil(-5.5)); //-5
console.log(Math.floor(-5.5)); //-6
console.log(Math.round(5.5)); //6
console.log(Math.round(5.4)); //5

Math.pow:幂运算,Math.sqrt():开根号运算。

console.log(Math.pow(3, 3)); //3 3的3次方
console.log(Math.sqrt(16)); //4

2.关系运算符

常见的关系运算符有大于(>)、小于(<)、大于等于(>=)、小于等于(<=)、等于(= =)、不等于(!=)、全等于(= = =)、不全等于(!==)。关系运算符返回的是布尔值。

console.log(3>5);//false
console.log(3<5);//true
console.log(3>=5);//false
console.log(3<=5);//true
console.log(3==5);//false
console.log(3!=5);//true
console.log(3===5);//false
console.log(3!==5);//true

isNaN()用来判断变量值是否为NaN。

console.log(Number(undefined));//NaN
console.log(Number("3天"));//NaN
console.log(Number(null));//0 
//如果变量值是NaN,返回true;如果变量值不是NaN,返回false
console.log(isNaN(undefined));//true
console.log(isNaN("3天"));//true
console.log(isNaN(null));//false

“=”,“= =”,"==="的区别：
“=”表示赋值,“= =”比较值是否相同，“= = =”不仅比较值是否相同，也比较类型是否相同。

var a=5;
console.log(a);//5
console.log(5=="5");//true
console.log(5==="5");//false 5是数字类型,"5"是字符串类型。

null,undefined,NaN的比较:

console.log(null==0);//数字转换不会只发生在null或undefined的一侧 false
console.log(null==undefined);//true
console.log(null==null);//true
console.log(undefined==undefined);//true
console.log(null>0);//0>0 false
console.log(null>=0);//!(null<0) !false true
   //NaN不自等
console.log(NaN==NaN);//false
console.log(NaN===NaN);//false

3.逻辑运算符

逻辑运算符有非运算（也叫取反运算），与运算，或运算。非运算用!表示，与运算用&&表示，或运算用||表示。
非运算的结果是布尔值。

 console.log(!true);//false
 console.log(!false);//true

与运算：所有条件都为真，结果才为真，只要其中有一个条件为假，总结果就为假。

console.log(true&&true);//true
console.log(true&&false);//false
console.log(false&&true);//false
console.log(false&&false);//false

或运算：只要其中有一个条件为真，总结果就为真，只有所有条件都为假时，总结果才为假。

console.log(true||true);//true
console.log(true||false);//true
console.log(false||true);//true
console.log(false||false);//false

4.自增自减运算符

自增运算符(++)
++a和a++的比较：++在前,先自增再运算；++在后,先运算再自增。

var a=5;
var b=a++;//先运算再自增:b=a b=5; a=a+1 a=6
console.log(a);//6
console.log(b);//5

var a=5;
var b=++a;//先自增再运算:a=a+1 a=6;b=a b=6
console.log(a);//6
console.log(b);//6

自减运算符(–)
–a和a–的比较:–在前,先自减再运算；–在后,先运算再自减。

var a=5;
var b=a--;//先运算再自减:b=a b=5; a=a-1 a=4
console.log(a);//4
console.log(b);//5

var a=5;
var b=--a;//先自减再运算:a=a-1 a=4;b=a b=4
console.log(a);//4
console.log(b);//4