JavaScript String/Array对象

  • JS String对象

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

anchor()

用于创建 HTML 锚。
var txt="Hello world!"
document.write(txt.anchor("myanchor"));
// 上面的代码将输出为纯粹的 HTML:<a name="myanchor">Hello world!</a>

点击查看代码

big() 返回在指定的位置的字符的 Unicode 编码。
str.big()
small() 使用小字号来显示字符串。
str.small()
bold() 使用粗体显示字符串。
str.bold()
italics() 使用斜体显示字符串。
str.italics()
blink() 显示闪动字符串。
str.blink()
fixed() 以打字机文本显示字符串。
str.fixed()
strike() 使用删除线来显示字符串。
str.strike()
fontcolor() 使用指定的颜色来显示字符串。
str.fontcolor("Red")
fontsize() 使用指定的尺寸来显示字符串。
str.fontsize(7)
toLowerCase() 将整个字符串转成小写字母。
str.toLowerCase()
toUpperCase() 将整个字符串转成大写字母。
str.toUpperCase()
toLocaleLowerCase() 把字符串转换为小写。
str.toLocaleLowerCase()
toLocaleUpperCase() 把字符串转换为大写。
str.toLocaleUpperCase()
sub() 把字符串显示为下标。
str.sub()
sup() 把字符串显示为上标。
str.sup()
link() 将字符串显示为链接。
document.write(str.link("http://..."))
字符串操作
concat() 将两个或多个字符的文本组合起来,返回一个新的字符串。  str.concat(str2,str3...)
indexOf() 返回字符串中一个子串第一处出现的索引(从左到右搜索)。如果没有匹配项,返回 -1 。
var str="Hello world!"
str.indexOf("Hello"); // 返回 0
str.indexOf("World",0); // 从0位置找World,返回-1

点击查看

charAt() 返回指定位置的字符。  str.charAt(1)
lastIndexOf() 返回字符串中一个子串最后一处出现的索引(从右到左搜索),如果没有匹配项,返回 -1 。
var str="Hello world!"
str.lastIndexOf("world") // 最后一个 world 出现的索引
str.lastIndexOf("world",0) // 从指定位置查找 world 字符串

点击查看

match() 检查一个字符串匹配一个正则表达式内容,如果么有匹配返回 null。
var str="1 plus 2 equal 3!"
str.match("plus "); // 检索一个字符串。
str.match(/\d+/g); // 检索一个正则表达式的匹配。

点击查看

substring() 返回字符串的一个子串,传入参数是起始位置和结束位置。
var str="Hello world!"
str.substring(3); // 从指定位置到最后,返回lo world!
str.substring(3,7); // 从3到7,返回lo w

点击查看

substr() 返回字符串的一个子串,传入参数是起始位置和长度
var str="Hello world!"
str.substr(3); // 从3截取到最后
str.substr(3,7); // 从3开始截取7位
str.substr(-4); // -1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。

点击查看

replace() 用来查找匹配一个正则表达式的字符串,然后使用新字符串代替匹配的字符串。
var str="Visit Microsoft!"
str.replace(/Microsoft/, "W3School"); // 用 "W3School" 替换字符串中的 "Microsoft"
str.replace(/Microsoft/g, "W3School"); // 全局替换,每当 "Microsoft" 被找到,它就被替换为 "W3School"
str.replace(MIcrosoft/i, "Microsoft"); // 对大小写不敏感的搜索替换 name = "Doe, John";
name.replace(/(\w+)\s*, \s*(\w+)/, "$2 $1"); // 转换姓名的格式,把 "Doe, John" 转换为 "John Doe"
name = '"a", "b"';
name.replace(/"([^"]*)"/g, "'$1'"); // 把所有的花引号替换为直引号 // 把字符串中所有单词的首字母都转换为大写:
name = 'aaa bbb ccc';
uw=name.replace(/\b\w+\b/g, function(word) {
return word.substring(0,1).toUpperCase()+word.substring(1);}
);

点击查看

search() 执行一个正则表达式匹配查找。如果查找成功,返回字符串中匹配的索引值。否则返回 -1 。
var str="Visit W3School!"
str.search(/W3School/); // 检索 "W3School",返回6
str.search(/w3school/); // search() 对大小写敏感,无法检索到,返回-1
str.search(/w3school/i); // 忽略大小写的检索

点击查看

slice() 提取字符串的一部分,并返回一个新字符串(与 substring 相同)。
// String 对象的方法 slice()、substring() 和 substr() (不建议使用)都可返回字符串的指定部分。slice() 比 substring() 要灵活一些,因为它允许使用负数作为参数。slice() 与 substr() 有所不同,因为它用两个字符的位置来指定子串,而 substr() 则用字符位置和长度来指定子串。
var str="Hello happy world!"
str.slice(6); // 提取从位置 6 开始的所有字符
str.slice(6,11); // 提取从位置 6 到位置 11 的所有字符

点击查看

split() 通过将字符串划分成子串,将一个字符串做成一个字符串数组。
var str="How are you doing today?"

str.split(" ");    // 输出 How,are,you,doing,today?
str.split(""); // 输出 H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?
str.split(" ",3); // 输出 How,are,you,指定返回的数组的最大长度为3

点击查看

charCodeAt() 返回在指定的位置的字符的 Unicode 编码。  str.charCodeAt(1);
fromCharCode() 从字符编码创建一个字符串。
document.write(String.fromCharCode(72,69,76,76,79));
// 输出 HELLO

点击查看

localeCompare() 用本地特定的顺序来比较两个字符串。  
  • JS 对象与字符串的互相转换

1:jQuery插件支持的转换方式

$.parseJSON(str);  //  可以将json字符串转换成json对象

2:浏览器支持的转换方式(Firefox,chrome,opera,safari,ie9,ie8)等浏览器代码如下:

JSON.parse(str);        // 将 json 字符串转换成 json 对象 
JSON.stringify(json); // 将 json 对象转换成 json 字符串

注:ie8(兼容模式),ie7和ie6没有JSON对象,需要引入 json.js 或 json2.js。

下载地址: https://github.com/douglascrockford/JSON-js

3:Javascript支持的转换方式

eval('(' + jsonstr + ')');  // 可以将json字符串转换成json对象,要在json字符外包裹一对小括号
注:ie8(兼容模式),ie7和ie6也可以使用eval()将字符串转为JSON对象,但不推荐这些方式,这种方式不安全eval会执行json串中的表达式。

  • JS Array 对象:

Array 对象属性

属性 描述
constructor 返回对创建此对象的数组函数的引用。
length 设置或返回数组中元素的数目。
prototype 使您有能力向对象添加属性和方法。
Array 对象方法
方法 描述
concat() 连接两个或更多的数组,并返回结果。
join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop() 删除并返回数组的最后一个元素
push() 向数组的末尾添加一个或更多元素,并返回新的长度。
reverse() 颠倒数组中元素的顺序。
shift() 删除并返回数组的第一个元素
slice() 从某个已有的数组返回选定的元素
sort() 对数组的元素进行排序
splice() 删除元素,并向数组添加新元素。
toSource() 返回该对象的源代码。
toString() 把数组转换为字符串,并返回结果。
toLocaleString() 把数组转换为本地数组,并返回结果。
unshift() 向数组的开头添加一个或更多元素,并返回新的长度。
valueOf() 返回数组对象的原始值

JS 常用字符串,数组操作的更多相关文章

  1. js对字符串的操作

    js对字符串的操作 concat() – 将两个或多个字符的文本组合起来,返回一个新的字符串. indexOf() – 返回字符串中一个子串第一处出现的索引.如果没有匹配项,返回 -1 . charA ...

  2. JS常用字符串处理方法应用总结

    这篇文章主要总结了JS常用字符串的处理方法,需要的朋友可以参考下   1.indexOf()方法,从前往后查找字符串位置,大小写敏感,从0开始计数.同理,lastIndexOf() 方法从后往前,两个 ...

  3. JS与PHP数组操作的不同

    JS与PHP数组操作的不同 1.JS 中向数组中添加元素,必须指定下标 2.php中向数组中添加元素,可以不指定下标(追加) 3.JS 中数组元素的下标,是连续 4.PHP中数组元素的下标,可以不连续 ...

  4. Js 常用字符串操作 API

    常用的一些字符串操作 API 整理 1.str.charAt(index).str.charCodeAt(index) - 返回指定位置的字符 / 字符编码(0~65535) index - 必须,表 ...

  5. JS 常用字符串操作

    Js字符串操作函数大全 /*******************************************                        字符串函数扩充              ...

  6. js常用的数组,,字符串,,Math..正则方法

    数组 slice[start,end] 返回从原数组中指定开始下标到结束下标之间的项目组成新数组(不会影响原数组) splice() 1.删除功能:2个参数 , 起始位置 , 删除的项目 2.插入功能 ...

  7. Javascript-常用字符串数组操作

    字符串的操作在编写Js的过程中是不可避免的 因为它太多的API 还有相似的API让我们很头痛 为了避免以后遇到模拟两可的问题 还是做个笔记比较好 把常用的字符串操作记录下来成笔记 方便以后查找 No1 ...

  8. php常用字符串数组函数

    Php常用的数组函数 键值操作 Array_values($arr) 获取数据的值 Array_keys($arr) 获取数组的key Array_flip($arr) 数组键值反转 In_array ...

  9. js常用字符串处理方法

    JS自带函数concat将两个或多个字符的文本组合起来,返回一个新的字符串.var a = "hello";var b = ",world";var c = a ...

随机推荐

  1. vim中 E212:无法打开并写入文件 的解决办法

    因为centos7刚安装的时候是无法上网的,所以,需要去配置一下ifcfg-ens33文件,但实际上这个文件是只读的文件,root也无法去更改内容,这时候保存的时候需要使用 w ! sudo tee ...

  2. git---从已有分支拉出新分支

    文章目录 开发中,经常需要从一个已有的分支拉出一个新分支,去这个新分支做一些开发改动,这里示例为: 从master分支,重新拉取出一个新的分支,名字为dev,具体命令如下: 切换到被copy的分支(m ...

  3. Selenium:三种等待方式详解

    我们在做WEB自动化时,一般要等待页面元素加载完成后,才能执行操作,否则会报找不到元素的错误,这样就要求我们在有些场景下加等待时间. 我们平常用到的有三种等待方式: 强制等待 隐式等待 显示等待 一. ...

  4. PAT甲级【2019年3月考题】——A1158 TelefraudDetection【25】

    Telefraud(电信诈骗) remains a common and persistent problem in our society. In some cases, unsuspecting ...

  5. QTP read or write XML file

    'strNodePath = "/soapenv:Envelope/soapenv:Body/getProductsResponse/transaction/queryProducts/qu ...

  6. 实验报告(七)&第九周课程总结

    班级 计科二班 学号 20188425 姓名 IM 完成时间2019/10/24 评分等级 实验任务详情: 完成火车站售票程序的模拟. 要求: (1)总票数1000张: (2)10个窗口同时开始卖票: ...

  7. POJ 2112 /// 最大流+floyd+二分

    题目大意: 有 k台挤奶机 和 c头奶牛 每台挤奶机最多为m头奶牛服务 给定所有挤奶机和奶牛两两之间的距离 求一种分配 使得 奶牛与挤奶机之间的最远距离 最小化 floyd求得所有挤奶机与奶牛两两之间 ...

  8. centons6升级gcc和glibc版本

    一.先升级gcc 这里配置yum源来升级 centos6系列更换阿里yum源 1.首先备份原来的cent os官方yum源 cp /etc/yum.repos.d/CentOS-Base.repo / ...

  9. 第五组postmortem报告

    为期近半年的软工课程顺利收工了.这一个学期的网站制作中, 憧憬过.懊恼过.兴奋过,回顾整个制作过程,我们按老师的要求来一份验尸报告. 1. 每个成员在beta 阶段的实践和alpha 阶段有何改进? ...

  10. 大哥带我走渗透ii--时间盲注,布尔盲注

    5/27 基于布尔的盲注 我连题目都看不懂555,先去补充一点知识.https://blog.csdn.net/weixin_40709439/article/details/81355856 返回的 ...