首页 > 编程语言 > 详细

2015--09-28 Javascript

时间:2015-10-02 18:33:57      阅读:249      评论:0      收藏:0      [点我收藏+]

 

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) + "<br>");

    document.write(a.toString(3) + "<br>");

    document.write(a.toString(8) + "<br>");

    document.write(a.toString(16) + "<br>");

  技术分享

 

③字符串转数值类型

parseInt(), parseFloat()

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

    document.write(parseInt("4567red") + "<br>");

    document.write(parseInt("53.5") + "<br>");

    document.write(parseInt("0xC") + "<br>");    //直接进制转换

    document.write(parseInt("isaacshun@gmail.com") + "<br>");

 技术分享 

 

 

    document.write(parseFloat("34535orange") + "<br>");

    document.write(parseFloat("0xA") + "<br>");  //不再有默认进制,直接输出第一个字符“0”

    document.write(parseFloat("435.34") + "<br>");

    document.write(parseFloat("435.34.564") + "<br>");

    document.write(parseFloat("isaacshun@gmail.com") + "<br>");

 技术分享 

 

 

⑸数组

    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() + "<br>");            //无参数,等同于toString()

    document.write(aMap.join("") + "<br>");      //不用连接符

    document.write(aMap.join("][") + "<br>");        //用“][”来连接

    document.write(aMap.join("-isaac-") + "<br>");

  技术分享

 

 

⑥用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());

 技术分享 

 

2015--09-28 Javascript

原文:http://www.cnblogs.com/lsieun/p/4852481.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!