js初识 js数据类型

js = JavaScript

alert 语句 :alert的用途 : 弹出"警告框" ;

语法规则 :

　　1.JavaScript对换行 , 缩进 , 空格不敏感 . 备注 : 每一条语句末尾要加分号(;) ; 虽然分号不是必须加的,但是为了程序今后要压缩 , 如果不加分号 , 压缩之后程序不能运行 .

　　2.所有的符号都是英语的 . 比如 : 括号 , 引号 , 分号.

　　3.JavaScript的注释 : //单行注释   /* */多行注释 .

JavaScript在网页中输出信息的写法 . 

　　弹出警告框 : alert(" ")  ;   控制台输出 : console.log("  ")  ;   用户输入 : prompt( ) 语句.

代码如下 : 

　　<script type="tex/JavaScript">

　　　　var a = prompt("今天是什么天气");

　　　　console.log(a);

　　</script>

prompt()语句中,用户不管输入什么内容都是字符串.

alert和prompt的区别:

　　alert : 直接用 , 不需要变量 ; 

　　prompt : 必须用一个变量来接收用户输入的值 ;

在JavaScript中 , 永远都是var来定义变量 ;

变量的命名规范 : 只能有英语字母 , 数字 , 下划线 , 美元符号($)构成 , 切不能以数字开头 , 并且不能是JavaScript保留字.

变量里面能够存储数字 , 字符串等 , 变量会自动的根据存储内容的类型不同 , 来决定自己的类型.

数值型number :  1, 2 ,3.......

　　typeof() 表示"获取变量的类型" ;

字符串型 : string

ParseInt() 还具有以下特性 : 

(1)带有自动净化的功能 : 只保留字符串最开头的数字,后面的中文自动消失;

(2)带有自动净化的功能 : 取整 , 不会四舍五入.

NaN是number类型,但是不是数字.

number , Infinity(无限大) , 都是number类型;

string , boolean(布尔值) , null(空) , undefined(表示变量未定义)

数据类型转换 :

1. 将数值类型转换成字符串类型 : 

隐式转换 :  var n1 = 123;

　　　　　var n2 = "123";

　　　　　var n3 = n1 + n2;

　　　　　console.log(typeof n3);

强制类型转换 : string() , tostring()

var str1 = String(n1);

console.log(typeof str1);

var num = 234;

console.log(num.tostring);

2.将字符串类型转换成数值类型;

var str1 = "789.123va";

var num = Number(str1);

console.log(num);

ParseInt()可以解析一个字符串并且返回一个整数;

console.log(ParseInt(str1));

console.log(ParseFloat(str1));

3.任何数据类型都可以转换为boolean类型;

var b = null ;

//非0既真 

console.log(Boolean(b)) ;

流程控制 :

1 . if  ,  if - else   ,  if - else  , if - else

注意 :浏览器解析代码的顺序,是从上往下执行,从左往右执行;

2. 逻辑 与&& , 逻辑 或 ||

例 : if(sum>400&&math<90){

console.log("清华大学");

console.log("高考失利")

}

3.switch : 

case表示一个条件满足这个条件就会走进来,遇到break跳出,break终止循环.如果某个条件中不写break,那么直到该程序遇到下一个break停止;

例 : 

var a="better";

switch(a){

case "good" :

console.log("玩的好");

break

default : 

console.log("很烂");

}

4. while循环 

循环三步走 :

var i=1; 初始化循环变量

while(i<=9){判断循环条件

console.log(i);

i += 1;  更新循环条件

}

5.do - while

不管有没有满足while中的条件do里面的代码都会走一次;

var i=3;  初识化循环变量;

do{

console.log(i)

i ++ ;  更新循环条件

}while(i<10) 判断循环条件

6. for 循环

for(var i = 1; i <=10; i ++){

console.log(i)

}

7.常用内置对象

数组Array

1.数组的创建方式

　　1,字面量方式创建 : var colors = ["red","green","yellow"];

　　2.使用构造函数的方式创建,使用new关键字对构造函数进行创建对象 : var color2 = new Array();

2.数组的赋值 :

var arr= [];

arr[0] = 123;

arr[1] = "哈哈";

3.1 数组的合并 concat()

var n1 = ["北京"];

var n2  = ["南京"];

var n3 = n1.concat(n2);

console.log(n3);

3.2 join()将数组中的元素使用指定的字符串连接起来,形成一个新字符串

var n1 = [98,99,90];

var n2 = n1.join("|");

console.log(n2);        结果是 : 98|99|90

3.3将数组转换成字符串tostring() :

tostring()直接转换为字符串,每个元素使用逗号隔开;

var n1=[98,99,90];

var str = n1.tostring();

console.log(str) ;    结果是 :98,99,90

3.4slice(start,end)返回数组的一段,左闭右开;

var arr = ["张三","李四","王五","赵六"];

var newarr=arr.slice(1,3);

console.log(newarr);    ["李四","王五"]

3.5  pop移除数组的最后一个元素;

var arr=[1,2,3,4,5];

var str = arr.pop();

console.log(str);

3.6  push()向数组最后添加一个元素;

var arr=[1,2,3,4];

var str = arr.push(5);

console.log(arr);

3.7 reverse()翻转数组;

var arr = [1,2,3,4];

arr.reverse();

console.log(arr);

3.8  sort对数组排序;

var names=["alex","xiao","tan","abs"];

name.sort();

console.log(names) ;       结果 : ["alex","abs","tan","xiao"]

3.9 判断是否为数组 : isArray();

布尔类型值 = Array.isArray(被检测的值);

4.字符串string;

4.1 ChartAt()返回指定索引的位置的字符;

var str = "Alex";

var Charset = str.CharAt(1);

console.log(Charset);   显示l

4.2 concat 返回字符串值,表示两个或多个字符串的拼接;

var str1 = "al";

var str2 = "ex";

console.log(str1.concat(str2));     显示:alex

4.3 replace(a,b)将字符串a替换成字符串b;

var a = "12345";

var b = a.replace("123","***");

console.log(b);

4.4 indexof()查找字符的下标,如果找到返回字符串的下标,找不到则返回-1 , 跟seach()方法用法一样;

var str ="alex";

console.log(str.indexof("e"));   2

console.log(str.indexof("p"));   -1

4.5 slice(start,end)左闭右开,分割字符串;

var str="alex";

console.log(str.slice(1,2))    显示 l

4.6 split("a",2)以字符串a分割字符串,并返回新的数组,如果第二个参数没有写,表示返回整个数组,如果定义了一个数,则返回数组的最大长度;

var str = "defachedfavc";

console.log(str.split("a"));     显示["def","chedf","vc"]

4.7 substr(start,end)左闭右开;

var str = "defacheabc";

console.log(str.substr(0,3));     显示def

4.8  toLowerCase()转小写;

var str="xiAoMing";

console.log(str.toLowerCase());    显示xiaoming

4.9 toUpperCase()转大写;

var str = "xiaoming";

console.log(str.toUpperCase());

将number类型转换成字符串类型;

var num = 132.323;

var numstr = num.toString();

console.log(typeof numstr);

var newnum = num.toFixed(2);   

console.log(newnum);      打印的是字符串类型且小数保留两位数;

5.Date日起对象

创建日期对象只有构造函数一种方式,使用new关键字;

创建一个data对象;

var mydate = new Date();

console.log(mydate().toLocalstring());返回本地时间

console.log(mydate().getDate()); 获取一个月中的某一天;

Date()根据本地时间返回当天的日期和时间;

getMonth()返回指定日期对象月份(0-11);

getDay()返回星期中的第几天;(0-6);

6.Math内置对象

常用内置对象

6.1Math.ceil()向上取整;"天花板函数"

var x = 1.2344;

var a = Math.ceil(x);表示大于等于x,并且与他最近的整数是多少

console.log(a);    显示 2;

6.2Math.floor向下取整"地板函数";

var x = 1.2445;

var b = Math.floor(x);小于等于x,并且与它最近的整数是多少;

console.log(b);    显示 1;

6.3  求两个数的最大值和最小值;

console.log(math.max(2,5))    显示5

console.log(math.min(2,5))      显示 2

6.4  随机数Math.random()

var ran= Math.random(); 默认取0-1之间的小数;

console.log(ran);      (0,1)

如果想去100-500之间的数怎么办?

var ran = 100+Math.random()*(大-小)

console.log(ran);

三元运算符

var s1 = 1<2 ?"真的" :"假的";

console.log(s1)

if(1<2){console.log("真的")}else{console.log("假的")};