温故而知新,跟着视频,总结知识点。
一. 变量
JavaScript是弱类型脚本语言,使用变量之前,可以无需定义,即当使用某个变量的时候可以直接使用。
定义(隐式定义/显示定义)
- 隐式定义:直接给变量赋值
<script type="text/javascript">
temp="hello,world";// 使用隐式定义
</script>
- 显示定义:使用var关键字定义变量
<script type="text/javascript">
var temp;// 使用显示声明
temp = 12; // 赋值后的temp的数据类型为整型
</script>
注:可以同时定义多个变量
<script type="text/javascript">
var a, b, c;// 可以一次性定义多个变量
var I, j = "abc", k = 0;// 定义变量时 可以为变量指定初始值
</script>
变量名规则
给变量起名字需要遵守以下规则:
- 1.可以以 字母(大小写均可)、下划线 _、或者美元符号 $ 开头
- 2.余下的可以是 _ 、 $ 、 任意字母 、 数字
- 3.不能使用关键字作变量名
示例:查看一下变量名是否遵循规则
var test;
var Micky_she$Shang98hai;
var _micky98;
var $$Shang98hai;
var 8micky;// 不合法:数字不能开头
var micky% = 10; // 不合法:变量名只能包含:字母、_、$、数字
var true = 10; // 不合法:变量名不能是关键字
二. 数据类型
JavaScript是弱类型脚本语言,声明变量时无需指定变量的数据类型。JavaScript是解释时动态决定的,数据保存在内存中也是有数据类型的。
JavaScript常用数据类型
- 数值类型(number):包含整数和浮点数;
var a = 10;
var b = 10.2;
var c = 5e2;
var d =1.2e-3;
var e = 0xf;// 十六进制数
var f = 014;// 八进制数
var g = .2e2;
document.write(a+"<br/>"+b+"<br/>"+c+"<br/>"+d+"<br/>"+e+"<br/>"+f+"<br/>"+g);
输出
10
10.2
500
0.0012
15
12
20
- 布尔类型(boolean):只有true和false两个值;
var a = true;
var b = false;
- 字符串类型(string):字符串可以用双引号“”或者单引号‘’括起来;
var num1 = "abc";
var num2 = 'bcd';
- 未定义类型(undefined):专门用来确定一个已经创建但是没有初值的变量,也可以代表一个对象中的一个属性不存在;
var a;
alert(a);// 输出:undefined
alert(String.abc);// 输出:undefined
- 空类型(null):用于表明某个变量的值为空,例如 var a = null;
var b = null;
var a;
alert(b==a);// true
alert(b===a);// ===表示严格等于 false
- 对象类型(object):JavaScript中的对象、数组等
后面细讲
三. 数据类型转换
JavaScript和其他编程语言一样,可以进行类型转换。
- 数值转换成字符串:通过 + 号 或者 toString() 方法
var a = 3;
var b = 10;
var c = a.toString();// 字符串 3
var d = b + c;// 字符串 103
alert(d);// 103
- 字符串转换成整型:parseInt() 方法
document.write(parseInt("67red"));// 67
document.write(parseInt("53.5"));// 53
document.write(parseInt("0xC"));// 12
document.write(parseInt('mickychiang'));// NaN:not a number
- 字符串转换成浮点型:parseFloat() 方法
document.write(parseFloat('25micky'));// 25
document.write(parseFloat('0xA'));// 0 !!!!!
document.write(parseFloat("435.34"));// 435.34
document.write(parseFloat('mickychiang'));// NaN
练习
var a = 3.5;
var b = a - 2;//1.5
var c = a*2;// 7
var a1="3.5"
var d = a1+2;// 3.52
alert(b+"\n"+c+"\n"+d);//1.5 7 3.52
alert(parseInt(a)+2);//5
alert(parseFloat(a)+2);//5.5
四. 字符串
1. 字符串常用方法
length :字符串长度
charAt(index) :获取指定索引下的字符
toUpperCase() :将字符串的所有字符转换成大写字母
toLowerCase() :将字符串的所有字符转换成小写字母
indexOf(substring) :指定的字符(串)第一次出现的索引值(位置)
lastIndexOf(substring) :指定的字符(串)最后一次出现的索引值(位置)
substr(start index,length) :截取一段字符串(索引值为start index的字符开始到长度为length的字符结束)
substring(start index,end index) :截取一段字符串(索引值为start index的字符开始到索引值为end index的字符结束)
slice(start index,end index) :截取一段字符串(索引值为start index的字符开始到索引值为end index的字符结束)
注意
slice()的index可以为负数,即从尾开始 右到左下标为-1,-2,-3,… ,比substring()功能更强大。
replace(oldstring,newstring) : newstring字符(串)取代oldstring字符(串)
match(substring) :匹配字符(串)
search(substring) :匹配字符(串)的下标
注意
match()匹配不到字符(串)时,返回 null;而match()匹配不到字符(串)时,返回 -1。
split(string) :以string分割字符串
concat() :用于连接两个或多个数组
2. 练习
var str = "Micky like songs";
alert(str.length);// 16
alert(str.charAt(6));// 下标为5 l
alert(str.toUpperCase());// MICKY LIKE SONGS
alert(str.toLowerCase());// micky like songs
alert(str.indexOf("k"));// 3
alert(str.indexOf("ke"));// 8
alert(str.indexOf('i',7));// 7
alert(str.indexOf('i',8));// -1 索引值为8的字符不是i 所以返回-1
alert(str.lastIndexOf('s'));// 15
alert(str.lastIndexOf('gs'));// 14
alert(str.substr(2,5));// cky l
alert(str.substring(2,4));// ck
alert(str.slice(2,4));// ck
alert(str.slice(3,-1));// ky like song
alert(str.slice(3,-6));// ky like
alert(str.slice(-3,-1));// ng
alert(str.replace('Micky','MickyChiang'));// MickyChiang like songs
alert(str.match("dddd"));// null
alert(str.match("like"));// like
alert(str.search('dddd'));// -1
alert(str.search('ick'));// 1
var arr = str.split(' ');
for(i=0;i<arr.length;i++){
alert(arr[i]);
}
// 输出:
// Micky
// like
// songs
var a = [1,2,3];
document.write(a.concat(4,5,6));// 1,2,3,4,5,6
注意
1.字符串可以用 ‘’ 或者 “”
2.比较字符串是否相等,使用 == 即可,无需使用equals()方法
逐步整理中,,未完待续。。