javascript数据类型示例分享


Posted in Javascript onJanuary 19, 2015

前面我们介绍了javascript的数据类型,今天我们通过一些例子再来温故一下,希望大家能够达到知新的地步。

<script type="text/javascript">

        //1、Boolean 类型

        //2、Number 类型

        //3、String 类型

        //Boolean类型容易与基本类型混淆,所以建议永远不要使用Boolean对象。

        //Number是与数字对应的引用类型

        var numberObj = new Number(10);

        //重写toString方法 传入的参数是告诉它放回几进制数字的字符串类型

        var num = 10;

        alert(num.toString());//"10"

        alert(num.toString(2));//"1010"

        alert(num.toString(8));//"12"

        alert(num.toString(10));//"10"

        alert(num.toString(16));//"a"

        //toFixed()方法,是返回指定小数位的数值的字符串表示方法,而且具有四舍五入的功能

        var num = 10;

        num.toFixed(2);//"10.00"

        //toExponential()指数表示法方法,接受一个参数表示输出结果中小数的位数

        var num = 10;

        alert(num.toExponential(1));//"1.0e+1"

        //不过这么小的数字就不需要使用指数表示法了,如果你想得到某个数值最合适的格式就应该使用

        //toPrecision()方法,此方法可能返回固定大小(fixed)格式,也可能返回指数(exponential)格式

        //接受一个参数表示数值所有数字的位数(不包括指数部分)。

        var num = 99;

        alert(num.toPrecision(1));//1e+2,1e+2表示100,因为指数无法表示99所以向上舍入变成100

        alert(num.toPrecision(2));//"99"

        alert(num.toPrecision(3));//"99.0"

        //String对象,String对象的方法也可以在所有的基本字符串中访问到。

        //1、字符操作方法:charAt()、charCodeAt()。每个参数都接受一个基于位置0的字符位置

        var stringValue = "Hello world!";

        stringValue.charAt(1);//"e" 第二个位置是“e”

        stringValue.charCodeAt(1);//"101" 第二个位置“e”的字符编码是“101”

        //2、字符串操作方法concat(拼接的字符)、slice(index,index)、substring(index,index)、substr(index,length)。index:位置,length:长度

        var str1 = "hello";

        alert(str1.concat(" word"));//Hello world

        alert(str1.concat(" word", "!"));//Hello world!

        var stringValue = "Hello world!";

        alert(stringValue.slice(3));//lo world

        alert(stringValue.substring(3));//lo world

        alert(stringValue.substr(3));//lo world

        alert(stringValue.slice(3, 7));//lo w

        alert(stringValue.substring(3, 7));//lo w

        alert(stringValue.substr(3, 7));//lo worl  这个7代表截取的长度

        //3、字符串位置方法 indexOf() 和 lastIndexOf()

        //这两个方法都是从指定的字符串中搜索给定的字符串,然后返回字符串的位置,没有找到就返回-1。

        //这两个方法的区别在于一个是从字符串的开头向后搜索字符串,而lastIndexOf是从字符串的末尾向前搜索字符串。

        //这两个方法都有一个可选的参数(从指定的位置开始搜索)

        var stringValue = "hello word";

        alert(stringValue.indexOf("o"));//4

        alert(stringValue.lastIndexOf("o"));//7

        //可以循环调用indexOf或lastIndexOf来找到指定的字符串

        var stringValue = "wo de wei lai bu shi meng!wo men you geng hao de ming tian!";

        var positions = [];

        var pos = stringValue.indexOf("e");

        while (pos > -1) {

            positions.push(pos);

            pos = stringValue.indexOf("e", pos + 1);

        }

        alert(positions);//4、7、22、33、38、47

        //4、trim()这个方法会创建一个字符串副本,删除前置及后置的所有空格。

        var stringValue="  hello word   ";

        alert(stringValue);

        alert(stringValue.trim());

        //5、字符串大小写转换方法

        //toLowerCase、toLocalLowerCase、toUpperCase、toLocalUpperCase

        var stringValue="hello word";

        alert(stringValue.toLocaleUpperCase());//此方法比较稳妥

        alert(stringValue.toUpperCase());

        alert(stringValue.toLocaleLowerCase());//此方法比较稳妥

        alert(stringValue.toLowerCase());

        //6、字符串匹配方法 replace()

        //这个方法接受两个参数,第一个参数是一个正则表达式或者字符串,第二个参数是一个字符串或一个函数

        var text="cat,bat,sat,fat";

        var result=text.replace("at","ond");//

        alert(result);//"cond,bond,sond,fond"

        var result=text.replace(/at/g,"ond");//

        alert(result);//"cond,bond,sond,fond"

        var text="cat,bat,sat,fat";

        result=text.replace(/(.at)/g,"word ($1)");

        alert(result);

        //replace的第二个参数也可以是一个函数

        function htmlEscape(text) {

            //函数有是三个参数:1、模式匹配项 2、模式匹配项在字符中的位置 3、原始字符串

            return text.replace(/[<>"&]/g,function(match,index,text){

                switch (match){

                    case "<":

                         return "<";

                    case ">":

                        return ">";

                    case "&":

                        return "&";

                    case "\"":

                        return """;

                }

            });

        }

        alert(htmlEscape("<p class=\"greeting\">Hello World!</p>"));

        //<p class="greeting">Hello World!</p>

        //localCompare()比较两个字符串。A.localCompare("B")

        //如果字符串(A)在字母表中排在字符串参数(B)之前,这返回负数(-1)

        //如果字符串等于字符串参数则返回0

        //如果字符串(A)在字母表中排在字符串参数(B)之后则返回正数(1)

        var stringValue="f";

        alert(stringValue.localeCompare("d"));//1

        alert(stringValue.localeCompare("f"));//0

        alert(stringValue.localeCompare("z"));//-1

        //fromCharCode 这个静态方法是与charCodeAt执行相反的操作

        alert(String.fromCharCode(104,101,108,108,111));//"hello"

        //7、html方法建议不要使用。

    </script>

END

童鞋们是否对javascript的数据类型有了新的认识了呢,希望大家能够喜欢。

Javascript 相关文章推荐
Javascript中Eval函数的使用
Mar 23 Javascript
jQuery输入城市查看地图使用介绍
May 08 Javascript
简单的两种Extjs formpanel加载数据的方式
Nov 09 Javascript
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
Nov 20 Javascript
随鼠标上下滚动的jquery代码
Dec 05 Javascript
JS父页面与子页面相互传值方法
Mar 05 Javascript
通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
May 05 Javascript
用jquery实现的一个超级简单的下拉菜单
May 18 Javascript
jQuery实现HTML5 placeholder效果实例
Dec 09 Javascript
vue.js根据代码运行环境选择baseurl的方法
Feb 28 Javascript
vue给组件传递不同的值方法
Sep 29 Javascript
详细讲解如何创建, 发布自己的 Vue UI 组件库
May 29 Javascript
jQuery中outerHeight()方法用法实例
Jan 19 #Javascript
jQuery中innerWidth()方法用法实例
Jan 19 #Javascript
JS实现页面超时后自动跳转到登陆页面
Jan 19 #Javascript
jQuery中innerHeight()方法用法实例
Jan 19 #Javascript
Javascript基础教程之函数对象和属性
Jan 18 #Javascript
Javascript基础教程之argument 详解
Jan 18 #Javascript
Javascript基础教程之定义和调用函数
Jan 18 #Javascript
You might like
Youku 视频绝对地址获取的方法详解
2013/06/26 PHP
9个实用的PHP代码片段分享
2015/01/22 PHP
PHP实现批量删除(封装)
2017/04/28 PHP
详解php语言最牛掰的Laravel框架
2017/11/20 PHP
针对thinkPHP5框架存储过程bug重写的存储过程扩展类完整实例
2018/06/16 PHP
Git命令之分支详解
2021/03/02 PHP
JavaScript 应用类库代码
2008/06/02 Javascript
关于JavaScript的一些看法
2009/05/27 Javascript
点击下载链接 弹出页面实现代码
2009/10/01 Javascript
autoPlay 基于jquery的图片自动播放效果
2011/12/07 Javascript
jquery使用jxl插件导出excel示例
2014/04/14 Javascript
jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
2015/12/23 Javascript
JS实现把鼠标放到链接上出现滚动文字的方法
2016/04/06 Javascript
jQuery中的一些小技巧
2017/01/18 Javascript
nodejs模块nodemailer基本使用-邮件发送示例(支持附件)
2017/03/28 NodeJs
JS实现线性表的链式表示方法示例【经典数据结构】
2017/04/11 Javascript
小程序云开发如何实现图片上传及发表文字
2019/05/17 Javascript
对layui中的onevent 和event的使用详解
2019/09/06 Javascript
js实现简单放大镜效果
2020/03/07 Javascript
vue+render+jsx实现可编辑动态多级表头table的实例代码
2020/04/01 Javascript
解决VUE项目使用Element-ui 下拉组件的验证失效问题
2020/11/07 Javascript
vue 获取url参数、get参数返回数组的操作
2020/11/12 Javascript
[41:12]Liquid vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.24
2019/09/10 DOTA
tensorflow 1.0用CNN进行图像分类
2018/04/15 Python
python向字符串中添加元素的实例方法
2019/06/28 Python
Python逐行读取文件内容的方法总结
2020/02/14 Python
sklearn+python:线性回归案例
2020/02/24 Python
Python库安装速度过慢解决方案
2020/07/14 Python
Python 实现将某一列设置为str类型
2020/07/14 Python
Python 中的函数装饰器和闭包详解
2021/02/06 Python
Maje德国官网:法国女性成衣品牌
2017/02/10 全球购物
C#里面如何倒序排列一个数组的元素?
2013/06/21 面试题
《列夫托尔斯泰》教学反思
2014/02/10 职场文书
2014年国庆节演讲稿
2014/09/02 职场文书
2019年大学生职业生涯规划书
2019/03/25 职场文书
元素水平垂直居中的方式
2021/03/31 HTML / CSS