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 相关文章推荐
JS加jquery简单实现标签元素的显示或隐藏
Sep 23 Javascript
js获取光标位置和设置文本框光标位置示例代码
Jan 09 Javascript
javascript检查浏览器是否支持flash的实现代码
Aug 14 Javascript
js获取字符串字节数方法小结
Jun 09 Javascript
javascript中获取class的简单实现
Jul 12 Javascript
原生JS:Date对象全面解析
Sep 06 Javascript
Ionic项目中Native Camera的使用方法
Jun 07 Javascript
JS跨域请求的问题解析
Dec 03 Javascript
写给新手同学的vuex快速上手指北小结
Apr 14 Javascript
Vue filter 过滤器、以及在table中的使用介绍
Sep 07 Javascript
js实现贪吃蛇游戏(简易版)
Sep 29 Javascript
详细聊聊浏览器是如何看闭包的
Nov 11 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
轻松修复Discuz!数据库
2008/05/03 PHP
Codeigniter上传图片出现“You did not select a file to upload”错误解决办法
2014/06/12 PHP
YII路径的用法总结
2014/07/09 PHP
PHP中的事务使用实例
2015/05/26 PHP
PHP-FPM的配置与优化讲解
2019/03/15 PHP
PHP快速导出百万级数据到CSV或者EXCEL文件
2020/11/27 PHP
JavaScript Event学习第七章 事件属性
2010/02/07 Javascript
面向对象的Javascript之三(封装和信息隐藏)
2012/01/27 Javascript
jquery实现手机发送验证码的倒计时代码
2014/02/12 Javascript
jQuery增加与删除table列的方法
2016/03/01 Javascript
EasyUi中的Combogrid 实现分页和动态搜索远程数据
2016/04/01 Javascript
Highcharts学习之数据列
2016/08/03 Javascript
JS填写银行卡号每隔4位数字加一个空格
2016/12/19 Javascript
简单谈谈关于 npm 5.0 的新坑
2017/06/08 Javascript
jQuery实现弹出层效果
2019/12/10 jQuery
vue实现广告栏上下滚动效果
2020/11/26 Vue.js
[01:05:59]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.22
2019/09/05 DOTA
python自动安装pip
2014/04/24 Python
学习python之编写简单乘法口诀表实现代码
2016/02/27 Python
Python进阶_关于命名空间与作用域(详解)
2017/05/29 Python
在java中如何定义一个抽象属性示例详解
2017/08/18 Python
11月编程语言排行榜 Python逆袭C#上升到第4
2017/11/15 Python
Python简单实现控制电脑的方法
2018/01/22 Python
基于pandas数据样本行列选取的方法
2018/04/20 Python
Python快速转换numpy数组中Nan和Inf的方法实例说明
2019/02/21 Python
Python实现定制自动化业务流量报表周报功能【XlsxWriter模块】
2019/03/11 Python
Django框架 querySet功能解析
2019/09/04 Python
如何运行带参数的python脚本
2019/11/15 Python
Python3 中作为一等对象的函数解析
2019/12/11 Python
python实现用户名密码校验
2020/03/18 Python
伊芙丽官方旗舰店:中国淑女一线品牌
2017/12/01 全球购物
时尚孕妇装:Ingrid & Isabel
2019/05/08 全球购物
xml有哪些解析技术?区别是什么
2016/04/26 面试题
临床医学专业毕业生的自我评价
2013/10/17 职场文书
人事任命书范文
2014/06/04 职场文书
导游词之江南周庄
2019/12/06 职场文书