`

JavaScript入门指南_3

    博客分类:
  • JS
阅读更多

JavaScript_3

数值转换:

3个函数可以将非数值类型转换为数值类型:

Number()

parseInt()

parseFloat()

 

Number():

规则:

  • 如果是boolean值,true和false分别转换为1和0
  • 如果是数值,只是简单地传入和返回
  • 如果是null,返回0
  • 如果是undefined,返回NaN
  • 如果是字符串
  •     如果字符串只包含数字文本,则转换为对应的数字
  •     如果字符串为空"",则转换为0
  •     如果字符串含有非数字文本,则转换为NaN
alert(Number(true));//1
alert(Number(false));//0
alert(Number(12));//12
alert(Number(null));//0
alert(Number(undefined));//NaN
alert(Number(NaN));//NaN
alert(Number("12"));//12
alert(Number("12aa"));//NaN
alert(Number(""));//0
alert(Number(070));//56

 

 parseInt():

规则:

  • 在转换字符串时,如果第一个为非数值则返回NaN
  • 如果字符串第一个字符为数字,则会解析第二个字符,直到遇到非数字停止解析
  • 如果字符串以0x开头,则认为是16进制
  • 如果字符串以0开头,则认为是8进制
alert(parseInt(12));//12
alert(parseInt(null));//NaN
alert(parseInt(2.8));//2
alert(parseInt(undefined));//NaN
alert(parseInt(""));//NaN
alert(parseInt(true));//NaN
alert(parseInt(070));//56
alert(parseInt(0xa));//10
alert(parseInt("hello"));//NaN
alert(parseInt("123tom"));//123
alert(parseInt("22.9"));//22
alert(parseInt("070"));//70
alert(parseInt("070",8));//56
alert(parseInt("0xa"));//10
alert(parseInt("0xa",16));//10

 

parseFloat():

规则:

  • 与parseInt()不同之处是
  • 只能将字符串解析为十进制的
  • 支持对浮点数的解析
alert(parseFloat(12));//12
alert(parseFloat(12.2));//12.2
alert(parseFloat(true));//NaN
alert(parseFloat("12.22ab"));//12.22
alert(parseFloat("0xa"));//0
alert(parseFloat(0xa));//10
 

string类型:

  • string类型可以使用双引号或单引号表示
  • 支持java中的转义字符、例如\n,\t等
  • 使用length属性获取字符串的长度
  • 和java一样,string类型的值不可变的,改变某个字符串的值,将会销毁原有的值,从新建立新的值
  • 通过toString()或者String()方法将其他类型转换为字符串
var msg="hello!\n \t hi";
alert(msg);
alert(msg.length);//12  每个转义字符算一个
 

toString():

  • 对于非null,不是undefined的变量将会转换为相应的字符串
  • 对于null值,undefined值,将会报错
var str;//undefined
alert(str.toString());//Cannot call method 'toString' of undefined 

var str=null;
alert(str.toString());//Cannot call method 'toString' of null
 
var str;
str="";
alert(str.toString());//空
str=NaN;
alert(str.toString());//NaN
str=12;
alert(str.toString());//12
str=true;
alert(str.toString());//true
var num=10;
alert(num.toString());//10
alert(num.toString(2));//1010
alert(num.toString(8));//12
alert(num.toString(16));//a

 String():

  • String()方法可以将任何类型的值转换为字符串
  • 包括null,undefined
var str=undefined;
alert(String(str));//undefined
str=null;
alert(String(str));//null
 

字符串的常用方法:

  • length属性
  • charAt(index)索引index处的字符
  • charCodeAt(index)索引index处的字符的编码
  • indexOf("e")查找第一个e的索引,找不到返回-1,找到了返回索引
  • indexOf("e",2)从索引2开始往后找,包括索引2
  • lastIndexOf("e")从后往前找e的索引
  • lastIndexOf("e",0)从索引为0的位置往前找e
  • trim()去掉字符串前后的空格
  • toLowerCase()转小写
  • toUpperCase()转大写
  • concat("-test")将-test拼接到字符串的后面
  • split(",")按逗号分割字符串成一个数组
var msg=" redh ef";
alert(msg.length);//8
alert(msg.charAt(1));//r
alert(msg.charCodeAt(2));//e  101
alert(msg.indexOf("e"));//2
alert(msg.indexOf("e",2));//2
alert(msg.indexOf("e",3));//6
alert(msg.indexOf("e",7));//-1
alert(msg.lastIndexOf("e"));//6
alert(msg.lastIndexOf("e",0));//-1
alert(msg.trim());//redh ef
alert(msg.toLowerCase());// redh ef
alert(msg.toUpperCase());// REDH EF
alert(msg.concat("-test"));// redh ef-test
var txt="tom,jerry,alex";
alert(txt.split(","));//tom , jerry,alex
alert(txt.split("e"));//tom,j , rry , al , x

总结:

  • Number()
  • parseInt()
  • parseFloat()
  • toString()
  • String()
  • string类型具有的常用方法
  • 大小: 3.6 KB
1
2
分享到:
评论

相关推荐

    JavaScript入门教程_适合初学者

    本教程旨在为新手提供一个全面的入门指南,帮助他们快速掌握JavaScript的核心概念。 首先,JavaScript是一种解释型、弱类型、基于原型的脚本语言。这意味着它不需要预先编译,而是逐行执行代码。弱类型意味着变量在...

    HTML+CSS+JavaScript编程入门指南

    下载文件是HTML+CSS+JavaScript编程入门指南这本书的示例代码,全书分HTML,CSS与JavaScript三个部分,然后结合三个部分用项目说明应用方法。各部分的代码展示了三种语言的使用方法,可以搭配webstorp执行

    Javascript入门指南(英文版)

    ### JavaScript入门指南知识点详解 #### 一、书籍概述与作者介绍 《JavaScript入门指南》(第三版)是一本面向初学者的JavaScript学习手册。本书旨在为刚接触JavaScript的学习者提供全面且深入的基础知识,帮助...

    Javascript培训资料整理分享:Javascript入门指南

    ### JavaScript培训资料整理分享:JavaScript入门指南 #### 一、初识JavaScript ##### 1.1 网页三剑客 网页开发中通常提到的“三剑客”包括HTML、CSS以及JavaScript。 - **HTML (HyperText Markup Language)**: ...

    JavaScript and AJAX_ Visual QuickStart Guide

    《JavaScript和AJAX_视觉快速入门指南》是一本专为初学者和中级开发者设计的教程,旨在帮助读者深入理解和掌握JavaScript编程语言以及AJAX(异步JavaScript和XML)技术。这本书通过直观、易于理解的方式,提供了丰富...

    JavaScript权威指南(第5版)PDF版本下载.txt

    - **第1章:入门**:介绍了JavaScript的历史背景、特点以及应用场景。 - **第2章:语法**:讲解了JavaScript的基本语法,包括数据类型、变量声明、控制结构等。 - **第3章:函数**:详细阐述了函数在JavaScript中的...

    Html+Css+Javascript从入门到精通.pdf

    ### Html+Css+Javascript从入门到精通 #### Web开发基础教程概述 《Html+Css+Javascript从入门到精通》是一本全面介绍了Web前端开发技术的教程。本书旨在帮助读者掌握Web开发的基础知识,并通过实践逐步深入理解...

    starterkit-master_javascript_f_dsp_Windows编程_

    "starterkit"通常指的是初学者入门套件,因此我们可以期待这个压缩包包含了一些基础的教程、代码示例或者工具,帮助用户入门这三个领域的知识。 【描述】"jcbqoihwd uhq iwd qwhd gqwd gd iqwddulvqf brgh wdlbef ...

    百度地图JavaScript_API_v2.0开发指南

    百度地图JavaScript API v2.0提供了一系列接口,允许开发者在网页...整个开发指南详细地介绍了百度地图JavaScript API v2.0的各项功能,旨在帮助开发者高效地利用百度地图资源,创建功能强大、交互性强的网页地图应用。

    JSON_入门指南

    资源名称:JSON_入门指南内容简介: JSON 即 Javascript Object Natation,它是一种轻量级的数据交换格式,非常适合于服务器与 Javascript 的交互。本文将快速讲解 JSON 格式,并通过代码示例演示如何...

    HTML、CSS与JavaScript网页设计入门指南

    HTML、CSS与JavaScript网页设计入门指南

    JavaScript 基础入门指南.pdf

    内容概要:本文全面介绍了JavaScript的基础概念和核心技术,涵盖JavaScript的基本用法及其在Web页面的应用,同时讲解了常见的DOM操作技巧和异步编程方法。 适合人群:适合编程初学者,尤其是对Web开发感兴趣的人。 ...

    JavaScript权威指南(第6版)中文版.pdf百度网盘下载地址

    《JavaScript权威指南》第六版不仅适合初学者作为入门教程,也适用于有一定经验的开发者用来深入了解JavaScript的高级特性和最佳实践。通过系统地学习本书中的内容,读者可以全面掌握JavaScript的各项技能,从而更好...

    jdk1.6_javascript_DHTML_中文帮助chm

    《JDK1.6、JavaScript与DHTML:中文帮助与参考指南》 在这个压缩包中,我们包含了三个非常重要的资源,它们分别是“JDK1.6_API_中文参考.CHM”、“DHTML_参考手册.chm”以及“JavaScript语言参考手册.chm”。这些...

    JavaScript基础教程(pdf版)

    本教程旨在为初学者提供一个全面的JavaScript基础知识学习平台,帮助理解并掌握这种强大的脚本语言。 《JavaScript基础教程》首先会介绍JavaScript的历史背景和基本语法,包括变量、数据类型、操作符、流程控制...

    JavaScript入门教程--书籍(pdf)

    本教程旨在为初学者提供一个全面的JavaScript入门指南,帮助你快速掌握这一强大的脚本语言。 一、JavaScript概述 JavaScript,简称JS,由Netscape公司的Brendan Eich在1995年发明,起初用于网页交互,现在已成为Web...

    javascript编程指南(第四版)

    在JavaScript的世界里,了解变量、数据类型和操作符是入门的基础。变量是存储数据的容器,JavaScript有六种原始数据类型(字符串、数字、布尔值、null、undefined和symbol)和一种复合类型(对象)。操作符则用于...

    JavaScript权威指南第六版.mobi

    这些基本概念是理解JavaScript程序设计的基础,也是初学者入门的必学内容。 接着,书中深入讨论了JavaScript的对象模型,包括原型、原型链、闭包等高级概念,这些都是JavaScript强大而灵活的核心特性。同时,书中还...

Global site tag (gtag.js) - Google Analytics