String类型
字符串是存储字符（比如 “Keafmd”）的变量。
字符串可以是引号中的任意文本。可以使用单引号或双引号。
<script type="text/javascript"> var name = '牛哄哄的柯南'; </script>
字符串属性和方法
原始值字符串，如 “John”, 没有属性和方法(因为他们不是对象)。
原始值可以使用 JavaScript 的属性和方法，因为 JavaScript 在执行方法和属性时可以把原始值当作对象。
字符串属性
字符串方法
样例代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> var msg = 'hello javascript'; //length 属性，表示的是字符串的长度 //charAt 返回索引位置的字符 //需求：查询字符串的最后一个 字符是什么 console.log('字符串最后一个 字符：'+msg.charAt(msg.length-1)) //concat var str1 = "hello "; var str2 = "world!" console.log("str1.concat(str2):"+str1.concat(str2)) console.log("str1: "+str1); console.log("str2: "+str2); //indexOf lastIndexOf var str3 = "hello world!" console.log("str3.indexOf('l'): "+str3.indexOf('l')) console.log("str3.lastIndexOf('l'): "+str3.lastIndexOf('l')) //slice 切片 /** * 17 * K e a f m d 1 一个参数，表示，从索引位置开始（包含），到字符串末尾结束 2 两个参数，start 从索引位置开始（包含），end :结束位置 (不包含) */ var str4 ="Hello My Name is Keafmd,Age is 18" console.log('str4.slice(6): '+str4.slice(6)) console.log('str4.slice(17): '+str4.slice(17,23)) console.log('str4.slice(-2,str4.length): '+str4.slice(-2,str4.length)) // substr\substring console.log("str4.substr(17,6): "+str4.substr(17,6)) console.log("str4.substring(17,6): "+str4.substring(17,23)) //toLowerCase \ toUpperCase console.log("str4.toUpperCase(): "+(str4.toUpperCase())) console.log("str4.toLowerCase(): "+(str4.toLowerCase())) console.log("str4: "+str4);//原始字符串不会改变 //trim var str5 =" Hello " console.log("str5.length: "+str5.length); console.log("str5.trim().length: "+str5.trim().length); </script> </head> <body> </body> </html>
效果截图：
Number类型
JavaScript 只有一种数字类型。数字可以带小数点，也可以不带。
样例代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script type="text/javascript"> var age = 18; var number = 34.7 //输出 console.log('age:'+age) console.log('number:'+number) </script> <title></title> </head> <body> </body> </html>
效果截图：
算术运算符
1.自增(++)和自减(- -)：放到变量的前面有限参与运算，然后再跟表达式计算。
2.如果+参与运算的类型是字符串,则会将结果以字符串的形式返回。
3.数值类型和bool类型运算时，bool类型会转换成数字， true：1 false：0。
样例代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> //算数运算 var numa = 5; var numb = 6; var numc = 10; console.log("numa+numb: "+(numa+numb)); console.log("numa-numb: "+(numa-numb)); console.log("numa*numb: "+(numa*numb)); console.log("numa/numb: "+(numa/numb)); console.log("numc%numb: "+(numc%numb)); // -- ++ var numd = 2; // console.log(numd++); // console.log(numd); console.log(++numd); console.log(numd); //字符串 参与算数运算 console.log('1'+'1') //boolean 参与算数运算 console.log("true+1 : "+(true+1)); console.log("false+1 : "+(false+1)); </script> </head> <body> </body> </html>
效果截图：
赋值运算符
赋值运算符用于给 JavaScript 变量赋值。
给定 x=10 和 y=5，下面的表格解释了赋值运算符：↓
样例代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> //赋值运算 var numa = 100; var numb = numa; console.log("numa: "+numa); //100 console.log("numb: "+numb); // 100 numa += 10; //numa = numa +10 console.log("numa: "+numa); //110 numa -= 10; //numa = numa - 10 console.log("numa: "+numa); //100 numa *= 2; //numa = numa * 2 console.log("numa: "+numa); //200 numa /= 5; //numa = numa /5 console.log("numa: "+numa); // 40 numa %= 38; //numa = numa % 38 console.log("numa: "+numa); // 2 </script> </head> <body> </body> </html>
效果截图：
比较运算符
比较运算符在逻辑语句中使用，以测定变量或值是否相等。
给定x=5，下面的表格解释了比较运算符：↓
样例代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> var numa = 100; var numb = 150; var numc = 100; console.log("100 == 150: "+(numa == numb)); console.log("100 != 150: "+(numa != numb)); console.log("100 > 150: "+(numa > numb)); console.log("100 < 150: "+(numa < numb)); console.log("100 >= 150: "+(numa >= numb)); console.log("100 < 150: "+(numa <= numb)); //== === var v1 = 100; var v2 = '100'; var v3 = 100; //两个等于会有类型转换（自动） console.log("v1 == v2: " +(v1 == v2)); console.log("v1 === v2: " +(v1 === v2)); console.log("v1 === v3: " +(v1 === v3)); </script> </head> <body> </body> </html>
效果截图：
逻辑运算符
逻辑运算符用于测定变量或值之间的逻辑。
给定 x=6 以及 y=3，下表解释了逻辑运算符：↓
样例代码：
<!DOCTYPE html> <htm<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> // var b1 = true; // var b2 = false; // var b3 = true; // var b4 = false; //两个都是true，则表达式的结果为true，否则为false console.log( "true && true : "+(true && true)); //true console.log( "true && false : "+(true && false)) ;//false console.log( "false && false : "+(false && false)); //false //只要有一个为true，则表达式的结果为true console.log( "true || true : "+(true || true)) ;// true console.log( "true || false : "+(true || false)) ;// true console.log( "false || false : "+(false || false)) ;// true console.log( "!true : "+(!true)) console.log( "!false : "+(!false)) // var result = 逻辑表达式 true/false ? '表达式位真的结果' : '表达式为false' var age = 70; //三目运算 var info = age>=18 ? '成年' : '未成年'; console.log(info) </script> </head> <body> </body> </html>
效果截图：
Boolean类型
该类型只有两个值，true和false
表示真或者假.常用于判断。
true ：取值 true 、非0的数字、非空字符串(字符长度为0)
false：取值 false、0、 空字符串、null、undefined
Undefined类型
只有一个值，即undefined值。使用var声明了变量，但未给变量初始化值，那么这个变量的值就是undefined。
Null类型
Null类型被看做空对象指针，Null类型也是空的对象引用。
类型判断
typeof 运算符，返回的是变量的类型名字（字符串）
样例代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> var t1 = 'Keafmd'; var t2 = 3.14; var t3 = false; var t4 = null; var t5 = undefined; var t6 = []; var t7 = {}; var t8 = function(){}; console.log("typeof(字符串): "+typeof(t1)) console.log("typeof(数字): "+typeof(t2)) console.log("typeof(null): "+typeof(null)) console.log("typeof(undefined): "+typeof(undefined)) console.log("typeof([]): "+typeof(t6)) console.log("typeof({}): "+typeof(t7)) console.log("typeof(function): "+typeof(t8)) if(typeof(t1) === 'string'){ console.log('是字符串') } </script> <title></title> </head> <body> </body> </html>
效果截图：
