当前位置: 首页 > news >正文

第199天:js---扩充内置对象功能总结

一、数组

1、删除数组中指定索引的数据

1 /** 删除数组中指定索引的数据 **/
2 Array.prototype.deleteAt = function (index) {
3     if (index < 0) {
4         return this;
5     }
6     return this.slice(0, index).concat(this.slice(index + 1, this.length));
7 }

2、数组洗牌

 1 /** 数组洗牌 **/
 2 Array.prototype.random = function () {
 3     var tempArr = [], me = this, t;
 4     while (me.length > 0) {
 5         t = Math.floor(Math.random() * me.length);
 6         tempArr[tempArr.length] = me[t];
 7         me = me.deleteAt(t);
 8     }
 9     return tempArr;
10 }
11 Array.prototype.orderRandom = function () {
12     return this.sort(function () {
13         return Math.random() > 0.5 ? "-1" : "1";
14     });
15 }

3、数字数组排序

 1 /** 数字数组排序 **/
 2 Array.prototype.sortNum = function (i) {
 3     if (!i) {
 4         i = 0;
 5     }
 6     if (i == 1) {
 7         return this.sort(function (a, b) {
 8             return b - a;
 9         });
10     }
11     return this.sort(function (a, b) {
12         return a - b;
13     });
14 }

4、获取数字数组中的最大项

1 /** 获取数字数组中的最大项 **/
2 Array.prototype.getMax = function () {
3     return this.sortNum(1)[0];
4 }

5、获取数字数组中的最小项

1 /** 获取数字数组中的最小项 **/
2 Array.prototype.getMin = function () {
3     return this.sortNum(0)[0];
4 }

6、数组第一次出现指定元素的位置

1 /** 数组第一次出现指定元素的位置 **/
2 Array.prototype.indexOf = function (o) {
3     for (var i = 0; i < this.length; i++) {
4         if (this[i] == o) {
5             return i;
6         }
7     }
8     return -1;
9 }

7、去除数组中的重复项

 1 /** 去除数组中的重复项 **/
 2 Array.prototype.arrUnique = function () {
 3     var reset = [], done = {};
 4     for (var i = 0; i < this.length; i++) {
 5         var temp = this[i];
 6         if (!done[temp]) {
 7             done[temp] = true;
 8             reset.push(temp);
 9         }
10     }
11     return reset;
12 }

二、常用string内置对象方法

1、concat() – 将两个或多个字符的文本组合起来,返回一个新的字符串

1 //concat() – 将两个或多个字符的文本组合起来,返回一个新的字符串。
2     var str = "Hello";
3     var out = str.concat(" World","!");
4     console.log(str); //Hello
5     console.log(out); //Hello World! 

2、charAt() – 返回指定位置的字符

1 //charAt() – 返回指定位置的字符。 
2     var str = "HelloString";
3     var out = str.charAt(1);
4     console.log(out); //e

3、charCodeAt() – 返回在指定的位置的字符的 Unicode 编码

1 //charCodeAt() – 返回在指定的位置的字符的 Unicode 编码。
2     var str = "HelloString";
3     var out = str.charCodeAt(5);
4     console.log(out); //83

4、indexOf(searchvalue,fromindex) – 返回字符串中一个子串第一处出现的索引,如果没有匹配项,返回 -1 

1 //indexOf(searchvalue,fromindex) – 返回字符串中一个子串第一处出现的索引,如果没有匹配项,返回 -1 。 
2     //fromindex是可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。
3     //如省略该参数,则将从字符串的首字符开始检索,此时indexOf()跟search()方法类似。
4     var str = "HelloStringend";
5     console.log(str.indexOf("e")); //1
6     console.log(str.indexOf("e",2)); //11

5、lastIndexOf(searchvalue,fromindex) – 返回字符串中一个子串最后一处出现的索引,如果没有匹配项,返回 -1

1 //lastIndexOf(searchvalue,fromindex) – 返回字符串中一个子串最后一处出现的索引,如果没有匹配项,返回 -1 。 
2     //如果在 stringObject 中的 fromindex 位置之前存在 searchvalue,则返回的是出现的最后一个 searchvalue 的位置。
3     var str = "HelloString";
4     console.log(str.lastIndexOf("l")); //3
5     console.log(str.lastIndexOf("l", 1)); //-1
6     console.log(str.lastIndexOf("l", 2)); //2
7     console.log(str.lastIndexOf("l", 3)); //3

6、substring(start,end) – 返回一个新的字符串,包括 start 处的字符,但不包括 end 处的字符,其长度为 end 减 start

 1 //substring(start,end) – 返回一个新的字符串,包括 start 处的字符,但不包括 end 处的字符,其长度为 end 减 start
 2     //substring是以两个参数中较小一个作为起始位置,较大的参数作为结束位置。
 3     //注意:如果参数是负数,substring则会将负参数都直接转换为0,如果仅有一个参数,则从start开始到末尾。 
 4     var str = "HelloExample";
 5     console.log(str); //HelloExample
 6     console.log(str.substring(1, 3)); //el
 7     console.log(str.substring(3, 1)); //el
 8     console.log(str.substring(2)); //lloExample
 9     console.log(str.substring(-1)); //HelloExample
10     console.log(str.substring(-1, -3)); //空字符串
11     console.log(str.substring(-1, 5)); //Hello

7、substr(start [,length]) – 返回一个新的字符串,从起始索引号提取字符串中指定数目的字符

 1 //substr(start [,length]) – 返回一个新的字符串,从起始索引号提取字符串中指定数目的字符。
 2     //如果仅有一个参数,则从start开始到末尾。
 3     //当接收的参数是负数时,substr是将第一个参数与字符串长度相加后的结果作为第一个参数
 4     var str = "HelloExample";
 5     console.log(str); //HelloExample
 6     console.log(str.substr(1, 3)); //ell
 7     console.log(str.substr(2, -1)); //空字符串
 8     console.log(str.substr(1)); //elloExample
 9     console.log(str.substr(-4, 2)); //mp
10     console.log(str.substr(-3)); //ple

8、stringObject.slice(start,end) 返回一个新的字符串,包括 start 处的字符,但不包括 end 处的字符,其长度为 end 减 start

 1 //stringObject.slice(start,end) 返回一个新的字符串,包括 start 处的字符,但不包括 end 处的字符,其长度为 end 减 start
 2     //当接收的参数是负数时,slice会将它字符串的长度与对应的负数相加,结果作为参数。如果仅有一个参数,则从start开始到末尾。
 3     var str = "HelloExample";
 4     console.log(str); //HelloExample
 5     console.log(str.slice(1, 3)); //el
 6     console.log(str.slice(2)); //lloExmaple
 7     console.log(str.slice(3, 1)); //空字符串
 8     console.log(str.slice(-4, -1)); //mpl
 9     console.log(str.slice(-4, 0)); //空字符串
10     console.log(str.slice(-1, -4)); //空字符串
11     console.log(str.slice(1, -4)); //elloExa

9、将字符串转换成大/小写字母

1 //toLowerCase() – 将整个字符串转成小写字母。
2     //toUpperCase() – 将整个字符串转成大写字母。
3     var str = "How Are you";
4     console.log(str.toLowerCase()); //how are you
5     console.log(str.toUpperCase()); //HOW ARE YOU

10、支持正则表达式的 String 对象的方法

 1 /*split,match,replace,search*/
 2     //stringObject.split(separator,howmany),返回一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。
 3     var str = "How are you doing today";
 4     console.log(str.split(" ")); //["How", "are", "you", "doing", "today"]
 5     console.log(str); //How are you doing today
 6     console.log(str.split("")); //["H", "o", "w", " ", "a", "r", "e", " ", "y", "o", "u", " ", "d", "o", "i", "n", "g", " ", "t", "o", "d", "a", "y"] 
 7     console.log(str.split("", 3)); //["H", "o", "w"]
 8     console.log(str.split("a")); //["How ", "re you doing tod", "y"]
 9     console.log(str.split("good")); //["How are you doing today"]
10     var str = "a_db-c(d+e";
11     console.log(str.split(/[^a-z]/i)); //["a", "db", "c", "d", "e"] 

(1)match(searchvalue) 

 1 /** match(searchvalue) 或 match(regexp)检查一个字符串是否匹配一个正则表达式。返回存放匹配结果的数组。
 2     match() 方法将检索字符串 stringObject,以找到一个或多个与 regexp 匹配的文本。这个方法的行为在很大程度上有赖于 regexp 是否具有标志 g。
 3     如果 regexp 没有标志 g,那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本, match() 将返回 null。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素存放的是匹配文本,而其余的元素存放的是与正则表达式的子表达式匹配的文本。除了这些常规的数组元素之外,返回的数组还含有两个对象属性。index 属性声明的是匹配文本的起始字符在 stringObject 中的位置,input 属性声明的是对 stringObject 的引用。
 4     如果 regexp 具有标志 g,则 match() 方法将执行全局检索,找到 stringObject 中的所有匹配子字符串。若没有找到任何匹配的子串,则返回 null。如果找到了一个或多个匹配子串,则返回一个数组。不过全局匹配返回的数组的内容与前者大不相同,它的数组元素中存放的是 stringObject 中所有的匹配子串,而且也没有 index 属性或 input 属性。
 5     **/
 6     var str = "Hello world! Hello";
 7     console.log(str.match("lo")); //["lo"] { index: 3, input: "Hello world! Hello" }
 8     console.log(str.match("world")); //["world"] { index: 6, input: "Hello world! Hello" }
 9     console.log(str.match("world").index); //6
10     console.log(str.match(/Hello/g)); //["Hello", "Hello"]
11     console.log(str.match("World")); //null
12     var str = "1 plus 2 equal 3";
13     console.log(str.match(/\d+/g)); //["1", "2", "3"]

(2)replace() 

 1  //replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
 2     //stringObject.replace(regexp/substr,replacement),返回一个新的字符串,是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的。
 3     //replacement 可以是字符串,也可以是函数。如果它是字符串,那么每个匹配都将由字符串替换。但是 replacement 中的 $ 字符具有特定的含义,它说明从模式匹配得到的字符串将用于替换。
 4     //  $1、$2、...、$99----与 regexp 中的第 1 到第 99 个子表达式相匹配的文本。
 5     //  $&------------------与 regexp 相匹配的子串。
 6     //  $`------------------位于匹配子串左侧的文本。
 7     //  $'------------------位于匹配子串右侧的文本。
 8     //  $$------------------直接量符号。
 9     var str = "Visit HangZhou";
10     console.log(str); //Visit HangZhou
11     console.log(str.replace(/Hang/g, "Su")); //Visit SuZhou
12     var str = "1 plus 2 equal 3";
13     console.log(str); //1 plus 2 equal 3
14     console.log(str.replace(/(\d)/g, "*"));  //* plus * equal *
15 
16     var str = "as An angle";
17     console.log(str.replace(/a/, "b")); //bs An angle
18     console.log(str.replace(/a/g, "b")); //bs An bngle
19     console.log(str.replace(/a/gi, "b")); //bs bn angle
20 
21     var str = "Karl,John";
22     console.log(str.replace(/(\w+)\s*,\s*(\w+)/, "$2,$1")); //John,Karl
23 
24     var str = '"ab", "b"';
25     console.log(str.replace(/"([^"]*)"/g, "'$1'")); //'ab', 'b' 
26 
27     var str = "aaa bbb ccc";
28     console.log(str.replace(/\b\w+\b/g, function (w) {
29         return w.substring(0, 1).toUpperCase() + w.substring(1);
30     })); //Aaa Bbb Ccc 

(3)search() – 执行一个正则表达式匹配查找

 1 //search() – 执行一个正则表达式匹配查找。如果查找成功,返回字符串中匹配的索引值。否则返回 -1 。 
 2     //stringObject.search(regexp) 返回stringObject 中第一个与 regexp 相匹配的子串的起始位置。
 3     //此方法跟indexOf类似。此方法会忽略g标识
 4     var str = "Visit HangZhou";
 5     console.log(str) //Visit HangZhou
 6     console.log(str.search(/Hang/)); //6
 7     console.log(str.search(/hang/)); //-1
 8     console.log(str.search(/hang/i)); //6
 9     var str = "1 plus 2 equal 3";
10     console.log(str) //1 plus 2 equal 3
11     console.log(str.search(/\d/g)); //0

 

转载于:https://www.cnblogs.com/le220/p/8546039.html

相关文章:

  • 1.6-1.7 centos7-配置ip
  • Maven学习笔记四(坐标和依赖)
  • java 泛型中classT 和T的区别是什么?
  • django性能优化缓存view详解
  • thymeleaf 引入js css 无效
  • 【JS第13期】变量、作用域、内存等问题
  • 在CentOS6.8下安装Docker
  • Codepen 每日精选(2018-3-25)
  • Laravel核心解读--Facades
  • 学习rsyslog总结
  • 中国电信携手 Orange Business Services 扩大战略合作 为企业提供无缝物联网体验
  • add_argument 图片路径
  • 组件化、模块化、集中式、分布式、服务化、面向服务的架构、微服务架构概念介绍...
  • spring @transactional 注解使用注意点
  • Python模块-time模块
  • [PHP内核探索]PHP中的哈希表
  • docker-consul
  • iOS编译提示和导航提示
  • Java 23种设计模式 之单例模式 7种实现方式
  • java 多线程基础, 我觉得还是有必要看看的
  • Java新版本的开发已正式进入轨道,版本号18.3
  • Laravel5.4 Queues队列学习
  • Node.js 新计划:使用 V8 snapshot 将启动速度提升 8 倍
  • php的插入排序,通过双层for循环
  • python 装饰器(一)
  • rabbitmq延迟消息示例
  • underscore源码剖析之整体架构
  • 得到一个数组中任意X个元素的所有组合 即C(n,m)
  • 分享几个不错的工具
  • 好的网址,关于.net 4.0 ,vs 2010
  • 理解 C# 泛型接口中的协变与逆变(抗变)
  • 排序算法学习笔记
  • 前端工程化(Gulp、Webpack)-webpack
  • 如何在 Tornado 中实现 Middleware
  • 数据库写操作弃用“SELECT ... FOR UPDATE”解决方案
  • 问题之ssh中Host key verification failed的解决
  • 一、python与pycharm的安装
  • 深度学习之轻量级神经网络在TWS蓝牙音频处理器上的部署
  • C# - 为值类型重定义相等性
  • 数据库巡检项
  • ​无人机石油管道巡检方案新亮点:灵活准确又高效
  • ​业务双活的数据切换思路设计(下)
  • # 透过事物看本质的能力怎么培养?
  • (07)Hive——窗口函数详解
  • (1综述)从零开始的嵌入式图像图像处理(PI+QT+OpenCV)实战演练
  • (C语言版)链表(三)——实现双向链表创建、删除、插入、释放内存等简单操作...
  • (delphi11最新学习资料) Object Pascal 学习笔记---第8章第2节(共同的基类)
  • (Matalb时序预测)PSO-BP粒子群算法优化BP神经网络的多维时序回归预测
  • (力扣题库)跳跃游戏II(c++)
  • (实战篇)如何缓存数据
  • (数位dp) 算法竞赛入门到进阶 书本题集
  • (转)从零实现3D图像引擎:(8)参数化直线与3D平面函数库
  • (转)负载均衡,回话保持,cookie
  • (轉貼) 2008 Altera 亞洲創新大賽 台灣學生成果傲視全球 [照片花絮] (SOC) (News)
  • ./configure,make,make install的作用(转)