文档章节

JavaScript基本包装类型

liuyuantao
 liuyuantao
发布于 2016/04/09 09:55
字数 809
阅读 9
收藏 0
 为了便于操作基本类型值,ECMAScript 提供了 3 个特殊的引用类型:Boolean、Number和String ,即基本包装类型。   每当读取一个基本类型值的时候,后台就会创建一个对应的基本包装类型的对象 ,从而能够调用一些方法来操作这些数据.

  定义一个字符串有两种方式:
   1.字面量写法
       var box = 'Mr. Lee'; //字面量
      box.name = 'Lee'; //无效属性
      box.age = function () { //无效方法
          return 100;
      };
       alert(box.substring(2)); //. Lee
      alert(typeof box); //string
      alert(box.name); //undefined
      alert(box.age()); //错误
   2.new 运算符写法:
     var box = new String('Mr. Lee'); //new 运算符
     box.name = 'Lee'; //有效属性
     box.age = function () { //有效方法
            return 100;
     };
     alert(box.substring(2)); //. Lee
    alert(typeof box); //object
    alert(box.name); //Lee
    alert(box.age()); //100
  说明:1.不管字面量形式还是new 运算符形式,都可以使用它的内置方法。
          2.建议不要使用new运算符定义基本类型值

基本包装类型常用方法:
1.Number
    toString()           //将数值转化为字符串,并且可以转换进制
    toLocaleString()  //根据本地数字格式转换为字符串
     toFixed()            //将数字保留小数点后指定位数并转化为字符串
    toExponential()   //将数字以指数形式表示,保留小数点后指定位数并转化为字符串
    toPrecision()      //指数形式或点形式表述数,保留小数点后面指定位数并转化为字符串


2.String
   valueOf()、toLocaleString()、toString()
   (1)字符方法
         charAt(n)          //返回指定索引位置的字符(可以用数组下标取来替代,但是IE 浏览器会显示undefined)
         charCodeAt(n)  //以Unicode 编码形式返回指定索引位置的字符
   (2)字符串操作方法
         concat(str1...str2)    //将字符串参数串联到调用该方法的字符串
        slice(n,m)               //返回字符串n 到m 之间位置的字符串
        substring(n,m)       // 同上
        substr(n,m)          // 返回字符串n 开始的m 个字符串
      其中slice(n,m),substring(n,m) ,substr(n,m)中n必填,m选填。
     n,m都可为负数
      var box = 'Mr.Lee';
     alert(box.slice(-3));            //Lee,6+(-3)=3 位开始
     alert(box.substring(-3));    //Mr.Lee 负数返回全部
     alert(box.substr(-3));        //Lee,6+(-3)=3 位开始
     
     alert(box.slice(3, -1));          //Le 6+(-1)=5, (3,5)
    alert(box.substring(3, -1));  //Mr. 第二参为负,直接转0,并且方法会把较小的数字提前,(0,3)
    alert(box.substr(3, -1));     //'' 第二参数为负,直接转0 ,(3,0)
     注:IE 的JavaScript 实现在处理向substr()方法传递负值的情况下存在问题,它会返回 原始字符串 ,使用时要切记。


   (3)字符串位置方法
     indexOf(str, n)            //从n 开始搜索的第一个str,并将搜索的索引值返回,没有则返回-1
     lastIndexOf(str, n)      //从n 开始搜索的最后一个str,并将搜索的索引值返回,没有则返回-1
   (4)字符串的模式匹配方法
     match(pattern)                       //返回pattern 中的子串或null
    replace(pattern, replacement)   //用replacement 替换pattern
    search(pattern)                      //返回字符串中pattern 开始位置
    split(pattern)                         //返回字符串按指定pattern 拆分的数组
   (5)其他方法
     fromCharCode(ascii)            // 静态方法,输出Ascii 码对应值
     localeCompare(str1,str2)     //比较两个字符串,并返回相应的值

本文转载自:http://blog.csdn.net/u013510614/article/details/42529293

liuyuantao
粉丝 5
博文 134
码字总数 27666
作品 0
武汉
高级程序员
私信 提问
玩转 JavaScript 之数据类型

概述 众所周知,JavaScript 是一门弱类型语言,不对变量进行类型强制,变量可以随时持有任何类型的值,所以在 JavaScript 中,类型对于我们开发人员来说可以理解为值的内部特征,类型定义了值...

Seymoe
01/04
0
0
你不知道的JavaScript系列

1、你不知道的JavaScript–Item1 严格模式 2、你不知道的JavaScript–Item2 浮点数精度 3、你不知道的JavaScript–Item3 隐式强制转换 4、你不知道的JavaScript–Item4 基本类型和基本包装类...

大灰狼的小绵羊哥哥
03/19
0
0
前端入门8-JavaScript语法之数据类型和变量

声明 本系列文章内容全部梳理自以下几个来源: 《JavaScript权威指南》 MDN web docs Github:smyhvae/web Github:goddyZhao/Translation/JavaScript 作为一个前端小白,入门跟着这几个来源学...

请叫我大苏
2018/12/02
0
0
说说javascript变量类型和变量类型检测

javascript是一种弱类型语言,它的典型例子就是即变量在使用的时候可以给它赋值任何类型。那么先来看下javascript都有那些变量类型已经它们的使用方法吧。 先来看看javascript都有那些类型吧...

开源中国最帅没有之一
2014/10/16
163
0
前端基本功:JavaScript 的七种数据类型与数据类型检测的4种方法

JavaScript 的数据类型与类型检测 1. 一共有七种数据类型,六种简单数据类型,一种复杂数据类型。 简单数据类型:String、Number、Boolean、Null、Undefined、Symbol。 复杂数据类型:Objec...

大家都叫我四姨
05/31
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring使用ThreadPoolTaskExecutor自定义线程池及实现异步调用

多线程一直是工作或面试过程中的高频知识点,今天给大家分享一下使用 ThreadPoolTaskExecutor 来自定义线程池和实现异步调用多线程。 一、ThreadPoolTaskExecutor 本文采用 Executors 的工厂...

CREATE_17
今天
5
0
CSS盒子模型

CSS盒子模型 组成: content --> padding --> border --> margin 像现实生活中的快递: 物品 --> 填充物 --> 包装盒 --> 盒子与盒子之间的间距 content :width、height组成的 内容区域 padd......

studywin
今天
7
0
修复Win10下开始菜单、设置等系统软件无法打开的问题

因为各种各样的原因导致系统文件丢失、损坏、被修改,而造成win10的开始菜单、设置等系统软件无法打开的情况,可以尝试如下方法解决 此方法只在部分情况下有效,但值得一试 用Windows键+R打开...

locbytes
昨天
8
0
jquery 添加和删除节点

本文转载于:专业的前端网站➺jquery 添加和删除节点 // 增加一个三和一节点function addPanel() { // var newPanel = $('.my-panel').clone(true) var newPanel = $(".triple-panel-con......

前端老手
昨天
8
0
一、Django基础

一、web框架分类和wsgiref模块使用介绍 web框架的本质 socket服务端 与 浏览器的通信 socket服务端功能划分: 负责与浏览器收发消息(socket通信) --> wsgiref/uWsgi/gunicorn... 根据用户访问...

ZeroBit
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部