博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
2015-09-28 Javascript
阅读量:5021 次
发布时间:2019-06-12

本文共 3545 字,大约阅读时间需要 11 分钟。

 

1、Javascript是什么?

JavaScript是一种脚本语言,结构简单,使用方便,其代码可以直接放入HTML文档中,可以直接在支持JavaScript的浏览器中运行.JavaSript。

Javascript使得网页的交互性更强,更生动和灵活.当在浏览网页时做了某种操作就产生一个事件,JavaScript所编写的程序可对相应的事件做出响应。

 

2、Javascript的特点

⑴Javascript区分大小写;而HTML、CSS不区分大小写。

⑵Javascript是弱类型语言,定义变量只能用“var”关键字。

⑶Javascript的注释有两种:/*  */  和 //。HTML的注释语言是<!-- -->;CSS的注释是/* */。

 

3、Javascript的变量

⑴变量通过关键字var声明

⑵用var关键字可以同时声明多个变量,例如

var name=”Tom”,age=19,male=true;

⑶Javascript的变量不一定需要初始化;虽然不需要初始化,但给一个初始值是比较好的,例如

var name;

  

⑷变量的名称规则

①首字母必须是字母(大小写均可)、下划线、或者美元符;②余下的字母可以是下划线、美元符、任意字母或数字字符;③变量名不含关键字

 

⑸命名习惯:增强代码的可读性

 

 

 

 

4、Javascript的数据类型

⑴字符串

var sMyString=”hello world”;

 

字符串属性方法

 

 

⑵数值

⑶布尔型

⑷类型转换

 

①typeof

var a = "hello world";    var b = 10;    var c = true;    alert("typeof(a) is " + typeof (a) + "\n" +          "typeof(b) is " + typeof (b) + "\n" +          "typeof(c) is " + typeof (c)          );

  

 

 

②数值转字符串

var a = 3;    var b = a + "";    var c = a.toString();    var d = "" + a;    alert("typeof(a) is " + typeof(a) + "\n" +          "typeof(b) is " + typeof(b) + "\n" +          "typeof(c) is " + typeof(c) + "\n" +          "typeof(d) is " + typeof(d) + "\n"        );

  

 

 

特殊的一个例子,结果分别是“54、414”。

var a = b = c = 4;    alert(1 + b + c.toString());    alert(c.toString() + 1 + b);

  

 

数值类型转字符中的同时,实现进制转换

var a = 11;    document.write(a.toString(2) + "
"); document.write(a.toString(3) + "
"); document.write(a.toString(8) + "
"); document.write(a.toString(16) + "
");

  

 

③字符串转数值类型

parseInt(), parseFloat()

首先检查索引为0处的字符,判断其是否为有效数字;如果不是字符,直接返回isNaN,不再进行操作;如果为有效字符,检查索引为1处的字符,直到发现非有效字符为止。

document.write(parseInt("4567red") + "
"); document.write(parseInt("53.5") + "
"); document.write(parseInt("0xC") + "
"); //直接进制转换 document.write(parseInt("isaacshun@gmail.com") + "
");

  

 

 

document.write(parseFloat("34535orange") + "
"); document.write(parseFloat("0xA") + "
"); //不再有默认进制,直接输出第一个字符“0” document.write(parseFloat("435.34") + "
"); document.write(parseFloat("435.34.564") + "
"); document.write(parseFloat("isaacshun@gmail.com") + "
");

  

 

 

⑸数组

var aTeam = new Array(12);    var aColor = new Array();    aColor[0] = "blue";    aColor[1] = "yellow";    aColor[2] = "green";    aColor[3] = "black";    var aNumber = new Array(1, 3, 4, 7);    alert(aColor.length + " " + aColor[1]);    alert(aNumber.length + " " + aNumber[2]);

  

 

 

 

 

var aMap = ["China", "USA", "Britain"];    aMap[20] = "Korea";    alert(aMap.length + " " + aMap[10] + " " + aMap[20]);

  

 

 

④数组转字符串

var aMap = ["China", "USA", "Britain"];    alert(aMap.toString() + " " + typeof (aMap.toString()));

  

 

 

 

⑤用join方法指定转换后字符串间的连接符

var aMap = ["China", "USA", "Britain"];    document.write(aMap.join() + "
"); //无参数,等同于toString() document.write(aMap.join("") + "
"); //不用连接符 document.write(aMap.join("][") + "
"); //用“][”来连接 document.write(aMap.join("-isaac-") + "
");

  

 

 

⑥用split方法将字符串转数组

var sFruit = "apple,pear,peach,orange";    var aFruit = sFruit.split(",");    alert(aFruit.join("--"));

  

 

如果split中的参数是空字符中(””),就会将每一个字符分成相应的数组元素。

var apple = "Apple";    var aChar = apple.split("");    alert(aChar.join("#"));

  

 

 

⑦用reverse方法使数组元素反序

var aFruit = ["apple", "pear", "peach", "orange"];    alert(aFruit.reverse().toString());

  

 

 

⑧用split方法使字符串反序排列

var sMyString = "abcdefg";    alert(sMyString.split("").reverse().join("-"));    /*   split("")将每一个字符转为一个数组元素    reverse()反序数组的每个元素    join("")再最后将数组无连接符的转为字符串    */

  

 

 

⑨用sort方法进行数组元素排序

var aFruit = ["pear", "apple", "peach", "orange"];    aFruit.sort();    alert(aFruit.toString());

  

 

转载于:https://www.cnblogs.com/lsieun/p/4852481.html

你可能感兴趣的文章
Fiddler查看接口响应时间
查看>>
map的排序
查看>>
数据结构——二项堆
查看>>
Ubuntu命令行安装显卡驱动
查看>>
poj3247:回文素数
查看>>
我与软件
查看>>
ArrayList Vector LinkedList 区别与用法
查看>>
一图看懂host_only nat bridge拓扑结构
查看>>
ext2文件系统
查看>>
Sublime text3配置C编译环境
查看>>
Python下载进度条
查看>>
MySQL Replication之主从切换
查看>>
POJ2686 Traveling by Stagecoach(状压DP)
查看>>
sql server 使用nolock提升性能
查看>>
莫比乌斯反演的一些简单应用#1
查看>>
Angualr CLI 常用命令
查看>>
企业微信的corpsecret在哪里?
查看>>
提取windows用户明文密码
查看>>
内部网络出口防火墙导致TCP类扫描异常
查看>>
如何使用cubemx 配置freertos,实时查看FreeRTOS任务列表和运行状态
查看>>