JS自用学习笔记(二)

150 阅读6分钟

number

var myNum=new Number(value);
var myNum=Number(value);

Number 对象方法

  1. toString 把数字转换为字符串,使用指定的基数。
var number = new Number(1337);
number.toString()     //字符串1337
  1. toLocaleString 把数字转换为字符串,使用本地数字格式顺序。
NumberObject.toLocaleString()
  1. toFixed 把数字转换为字符串,结果的小数点后有指定位数的数字。 保留n位小数
var num = new Number(13.37);
num.toFixed(1)       //13.3
  1. toExponential 把对象的值转换为指数计数法。
NumberObject.toExponential(num)

var num = new Number(10000);
num.toExponential(1)       //1.0e+4
  1. toPrecision 把数字格式化为指定的长度。
var num = new Number(10000);
num.toPrecision(4)
  1. valueOf 返回一个 Number 对象的基本数字值。

RegExp 对象 正则表达式

修饰符

  1. i 执行对大小写不敏感的匹配。
new RegExp("regexp","i")   // /regexp/i
  1. g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。
new RegExp("regexp","g")   ///regexp/g
  1. m 执行多行匹配。

方括号 (方括号用于查找某个范围内的字符)

表达式描述
[[abc]]查找方括号之间的任何字符。
[[^abc]]查找任何不在方括号之间的字符。
[0-9]查找任何从 0 至 9 的数字。
[a-z]查找任何从小写 a 到小写 z 的字符。
[A-Z]查找任何从大写 A 到大写 Z 的字符。
[A-z]查找任何从大写 A 到小写 z 的字符。
[adgk]查找给定集合内的任何字符。
[^adgk]查找给定集合外的任何字符

(red|blue|green) 查找任何指定的选项。

元字符

元字符描述
[.]查找单个字符,除了换行和行结束符。
[\w]查找单词字符。
[\W]查找非单词字符。
[\d]查找数字。
[\D]查找非数字字符。
[\s]查找空白字符。
[\S]查找非空白字符。
[\b]匹配单词边界。
[\B]匹配非单词边界。
\0查找 NUL 字符。
[\n]查找换行符。
\f查找换页符。
\r查找回车符。
\t查找制表符。
\v查找垂直制表符。
[\xxx]查找以八进制数 xxx 规定的字符。
[\xdd]查找以十六进制数 dd 规定的字符。
[\uxxxx]查找以十六进制数 xxxx 规定的 Unicode 字符。

量词

量词描述
[n+]匹配任何包含至少一个 n 的字符串。
[n*]匹配任何包含零个或多个 n 的字符串。
[n?]匹配任何包含零个或一个 n 的字符串。
[n{X}]匹配包含 X 个 n 的序列的字符串。
[n{X,Y}]匹配包含 X 至 Y 个 n 的序列的字符串。
[n{X,}]匹配包含至少 X 个 n 的序列的字符串。
[n$]匹配任何结尾为 n 的字符串。
[^n]匹配任何开头为 n 的字符串。
[?=n]匹配任何其后紧接指定字符串 n 的字符串。
[?!n]匹配任何其后没有紧接指定字符串 n 的字符串。

RegExp 对象属性

属性描述
[global]RegExp 对象是否具有标志 g。
[ignoreCase]RegExp 对象是否具有标志 i。
[lastIndex]一个整数,标示开始下一次匹配的字符位置。
[multiline]RegExp 对象是否具有标志 m。
[source]正则表达式的源文本。

RegExp 对象方法

方法描述
[compile]编译正则表达式。
[exec]检索字符串中指定的值。返回找到的值,并确定其位置。
[test]检索字符串中指定的值。返回 true 或 false。

支持正则的方法

方法描述
[search]检索与正则表达式相匹配的值。
[match]找到一个或多个正则表达式的匹配。
[replace]替换与正则表达式匹配的子串。
[split]把字符串分割为字符串数组。

String

new String(s);
String(s);

String 对象属性

  • constructor 对创建该对象的函数的引用
  • length 字符串的长度
  • prototype 允许您向对象添加属性和方法

String 对象方法

  1. anchor() 创建 HTML 锚。
var txt="Hello world!"
document.write(txt.anchor("myanchor"))
输出:
<a name="myanchor">Hello world!</a>
  1. big() 用大号字体显示字符串。
var str="Hello world!"
document.write(str.big())   //显示为大号字体

image.png

  1. blink() 显示闪动字符串。
var str="Hello world!"
document.write(str.blink())

image.png

  1. bold() 使用粗体显示字符串。

image.png

  1. charAt() 返回在指定位置的字符。
var str="Hello world!"
document.write(str.charAt(1))    //e
  1. charCodeAt() 返回在指定的位置的字符的 Unicode 编码。
stringObject.charCodeAt(index)

var str="Hello world!"
document.write(str.charCodeAt(1))    //101
  1. concat() 连接字符串。
stringObject.concat(stringX,stringX,...,stringX)

var str1="Hello "
var str2="world!"
document.write(str1.concat(str2))    //Hello world
  1. fixed() 以打字机文本显示字符串。
var str="Hello world!"
document.write(str.fixed())

image.png

  1. fontcolor() 使用指定的颜色来显示字符串。
txt.fontcolor("Red")

image.png

  1. fontsize() 使用指定的尺寸来显示字符串。
txt.fontsize(16)

image.png

  1. fromCharCode() 从字符编码创建一个字符串。
document.write(String.fromCharCode(72,69,76,76,79))  //HELLO
document.write(String.fromCharCode(65,66,67))  //ABC
  1. indexOf() 检索字符串,如果要检索的字符串值没有出现,则该方法返回 -1
var str="Hello world!"
document.write(str.indexOf("Hello") + "<br />")   //0
document.write(str.indexOf("World") + "<br />")   //-1
document.write(str.indexOf("world"))              //6
  1. italics() 使用斜体显示字符串。
var str="Hello world!"
document.write(str.italics())

image.png

  1. lastIndexOf() 从后向前搜索字符串。
var str="Hello world!"
document.write(str.lastIndexOf("Hello") + "<br />")  // 0
document.write(str.lastIndexOf("World") + "<br />")   //-1
document.write(str.lastIndexOf("world"))        //6
  1. link() 将字符串显示为链接。

image.png

  1. localeCompare() 用本地特定的顺序来比较两个字符串。
stringObject.localeCompare(target)

如果 stringObject 小于 target,则 localeCompare() 返回小于 0 的数。如果 stringObject 大于 target,则该方法返回大于 0 的数。如果两个字符串相等,或根据本地排序规则没有区别,该方法返回 0。

var str;
str.sort (function(a,b){return a.localeCompare(b)})
  1. match() 找到一个或多个正则表达式的匹配。
document.write(str.match("world") + "<br />")    //world
document.write(str.match("World") + "<br />")    //null
  1. replace() 替换与正则表达式匹配的子串。
var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/, "W3School"))

结果:

Visit W3School!
  1. search() 检索与正则表达式相匹配的值。
var str="Visit W3School!"
document.write(str.search(/W3School/i))   //6 i忽略大小写
  1. slice() 提取字符串的片断,并在新的字符串中返回被提取的部分
var str="Hello happy world!"
document.write(str.slice(6))   //happy world! 提取从位置 6 开始的所有字符
  1. small() 使用小字号来显示字符串。
var str="Hello world!"
document.write(str.small())

image.png

  1. split() 把字符串分割为字符串数组。
var str="How are you doing today?"
document.write(str.split(" ") + "<br />")
document.write(str.split("") + "<br />")
document.write(str.split(" ",3))
How,are,you,doing,today?
H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?
How,are,you
  1. strike() 使用删除线来显示字符串。
txt.strike()

image.png

  1. sub() 把字符串显示为下标
txt.sub()

image.png

  1. substr() 从起始索引号提取字符串中指定数目的字符。
txt.sup()

image.png 24. toString() 返回字符串 25. substring() 提取字符串中两个指定的索引号之间的字符。

stringObject.substring(start,stop)  不接受负数参数
  1. toLocaleLowerCase() 把字符串转换为小写。
var str="Hello World!"
document.write(str.toLocaleLowerCase())    //hello world
  1. toLocaleUpperCase() 把字符串转换为大写。
var str="Hello World!"
document.write(str.toLocaleLowerCase())  //HELLO WORLD
  1. toLowerCase() 把字符串转换为小写。
  2. toUpperCase() 把字符串转换为大写。
  3. toSource() 代表对象的源代码。