常见的数组/字符串操作

最新推荐文章于 2022-04-18 21:00:29 发布
最新推荐文章于 2022-04-18 21:00:29 发布
阅读量220 收藏
点赞数
分类专栏： js/es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37504436/article/details/87880093
版权

 

2、正则去掉字符中空格

       String.prototype.trim=function(){
　　    return this.replace(/(^\s*)|(\s*$)/g, "");
　　 }
　　 String.prototype.ltrim=function(){
　　    return this.replace(/(^\s*)/g,"");   //去掉左边
　　 }
　　 String.prototype.rtrim=function(){
　　    return this.replace(/(\s*$)/g,"");   //去掉右边
　　 }

正则去掉字符串中所有空格 

  var card = '  62 22 0236 0209 9812 331';
    var card = card.replace(/\s/g, "");
    alert(card); //输出 6222023602099812331

正则表达式验证邮箱格式，返回true/false

 function emailTest(str){
     var reg = /^(\w)+(\.\w+)*@(\w)+((\.\w{2,3}){1,3})$/;
     if(reg.test(str)){
         return true;
     }
     return false;
 }

 var str = "example@qq.com";
 console.log(emailTest(str))；

写一个function，清除字符串前后的空格（兼容所有浏览器）

function trim(str) {
    if (str && typeof str === "string") {
        return str.replace(/(^\s*)|(\s*)$/g,""); //去除前后空白符
    }
}

3、数组中等于item元素 出现的次数

function count(arr, item) {

        var count = 0;
        for (var i = 0; i < arr.length; i++) {
            if (arr[i] == item) {
                count++;
            }
        }
        return count;
    }

    var arr = [1, 2, 4, 4, 3, 4, 3];
    console.log(count(arr, 4));

4.  字符串中某个字符的个数

function count(str, item){
    var str2 = [];
    for(var i = 0; i<str.length; i++){
        if(str.charAt(i) == item){
            str2.push(str.charAt(i));
        }
    }
    return str2.length;
}

var str3 = 'fe443gff';
console.log(count(str3, 'f'))

 

5.数组去重

       function remove(arr) {
        var obj = {};
        var temp = [];
        for (var i = 0; i < arr.length; i++) {
            
            if (!obj[arr[i]]) { //判断对象的属性
                obj[arr[i]] = 1;
                temp.push(arr[i]);
            }
        }
        return temp;
    }
    var arr2 = [1, 2, 3, 4, 4, 2];
    console.log(remove(arr2));

（2）：

var arr = [2,3,4,4,5,2,3,6],
   arr2 = [];
for(var i = 0;i< arr.length;i++){
    if(arr2.indexOf(arr[i]) < 0){
        arr2.push(arr[i]);
    }
}
console.log(arr2);
结果为：[2, 3, 4, 5, 6]

（3）：

var arr = [2,3,4,4,5,2,3,6];
var arr2 = arr.filter(function(element,index,self){
return self.indexOf(element) === index;
});
console.log(arr2);

结果为：[2, 3, 4, 5, 6]

6.删除数组的第一个元素，不直接改变数组

       var a=[2,1,3,4,5,8];

       function delFirst(arr){

         var arr2=arr.slice(0);

         arr2.shift();

         return arr2;

       }

       console.log(delFirst(a));

7.判断一个字符串中出现次数最多的字符，和次数

var str = 'addddfffssdfsadfsdfsafjsd';

    var json = {}; //定义对象来存放 对象属性的值
    for (var i = 0; i < str.length; i++) {

        if (!json[str.charAt(i)]) {
            json[str.charAt(i)] = 1;
        } else {
            json[str.charAt(i)]++;
        }
    }

    var iMax = 0;
    var str = '';
    console.log(json); //{a:3,d:8,f:7,s:6,j:1}
    //遍历 json对象取最大值
    for (var val in json) {

        if (json[val] > iMax) {
            iMax = json[val];
            str = val;
        }
    }
    console.log('出现最多的字符:' + str, '出现次数:' + iMax);

//(2)

function findStr(str) {
    var json = {};
    var maxNum = 0;
    var maxStr = '';

    for (var i = 0; i < str.length; i++) {
        json[str.charAt(i)] === undefined ? json[str.charAt(i)] = 1 : (json[str.charAt(i)] ++);
        //
        if(json[str.charAt(i)] > maxNum){
            maxNum = json[str.charAt(i)];
            maxStr = str.charAt(i);
        }
    }
    return maxStr +'出现'+ maxNum +'次';
 }

var str2 = 'asffsssderty';
console.log(findStr(str2))//s出现4次

7.2求一个数组中出现最多次数的数字，和次数

function findMost(arr) {
        var json = {};
        var maxNum = 0;
        var maxEle = null;
        for (var i = 0; i < arr.length; i++) {

            json[arr[i]] === undefined ? json[arr[i]] = 1 : (json[arr[i]]++);

            if (json[arr[i]] > maxNum) {
                maxNum = json[arr[i]];
                maxEle = arr[i];
            }
        }
        console.log(maxNum)
        return maxEle + '出现' + maxNum + '次';
    }

    var len = [5, 4, 5, 6, 6, 6];
    console.log(findMost(len))

8.求字符串的字节长度(中文字符占两个字节)

function getLen(str){
    var json = {len:0};
    var pattern = /[\u4e00-\u9fa5]/; //unicode编码符合中文字符
    for(var i = 0; i<str.length; i++){
        if(pattern.test(str.charAt(i))){
            json['len']++;
        }
    }
    return json['len'] + str.length;
}

var str = 'css的方法';
console.log(getLen(str))

9.javascript面向对象中继承实现

  子构造函数中执行父构造函数，并用call\apply改变this
克隆父构造函数原型上的方法

   Person.prototype.showName = function() {
        console.log(this.name);
    }
    Person.prototype.showJob = function() {
        console.log(this.job);
    }

    function Person(name, age) {
        this.name = name;
        this.age = age;
    }
    function Student(name, age, job) {
        Person.apply(this, arguments);
        this.job = job;
    }

    // for (var i in Person.prototype) {
        Student.prototype = Person.prototype;
    //  } 

   var stu = new Student('tom', 18, 'stu');
       stu.showName()
    stu.showJob();
    console.log(stu.age); //18

10.函数的链式调用 类似：add(1)(2)

       function add(a){

         var sum=a;

         var tmp=function(y){

           sum=sum+y;

               return tmp;//为了完成链式调用

         }

         //以字符串的形式返回对象的原始值

         tmp.toString=function(){

            return sum;

         };

       return tmp;

        }

        console.log(add(1)(2)(3));//6

11. this的典型应用

  事件： onclick  this->触发事件的对象

  构造函数：  this->new 出来的object

  call/apply : 改变this

12. 降低页面加载时间的方法

    1. 压缩css 、js文件

    2. 合并js、css文件 ，减少http请求

    3. 外部js、css文件放在最底下

4.减少dom操作，尽可能用变量替代不必要的dom操作

 

13. 数组排序,如[[1,2],[2,1],[1,3]]->[[1,2],[1,3],[2,1]]

        vararr1=[[2,4],[1,2],[2,1],[1,3]];

        function comparetwo(a,b){

           if(a[0]!=b[0]){

                   return a[0]-b[0];

               }else{

                   return a[1]-b[1];

               }

         }

         var result=arr1.sort(comparetwo);

         console.log(result);

15.查找数组中某元素的位置

function indexOf(arr, item){

        for(var i =0; i<arr.length; i++){
            if(arr[i] == item){
                return i
            }
        }
        return -1;
    }

    var arr2 = [1,2,3,4];
    console.log(indexOf(arr2, 3));

16.数组求和

function sum(arr) {

  var sum=0;

  arr.forEach(function(value){

      sum+=value;

  });

  return sum;

}

var arr=[1,2,3,4];

console.log(sum(arr));

17.移除数组item 元素,不直接修改原数组

function remove(arr,item){

   var arr2=[];

   arr.forEach(function(val){

     if(val!=item){arr2.push(val);}

   });

   return arr2;

}

18.删除数组item元素，改变原始数组

function remove(arr, item){
        for(var i = 0; i < arr.lenngth; i++){
            if(arr[i] == item){
                arr.splice(i, 1);
                i--;
            }
        }
        return arr;
    }
    var arr3 = [1,3,4,4,3,5,6]
    console.log(remove(arr3,4));

19.删除数组的最后一个元素，不直接改变数组

 function truncate(arr) {

   var arr2=arr.slice(0);

   arr2.pop();

   return arr2;

 }

 function truncate2(arr) {

   vararr2=arr.slice(0,arr.length-1);//返回一个新数组

   return arr2;

 }

 var arr=[1,2,3,4,5];

 console.log(truncate2(arr));//1,2,3,4

20.splice向/从数组中添加/删除项目，然后返回被删除的项目（不直接修改原数组）。

function remove2(arr,item){

    var newarr = arr.slice(0);

    for(var i=0;i<newarr.length;i++){

        if(newarr[i] == item){

            newarr.splice(i,1);

            i--;  //删除一个元素后，后面的元素会提前一位

        }

    }

    return newarr;

}

var arr2 = [2,2,3,4,8,2,3]

 console.log(remove2(arr2, 3)) //(5) [2, 2, 4, 8, 2]

21.添加元素 不直接修改原先数组

function append(arr, item) {

    // return arr.push(item);

    return arr.concat([item]);

}

var arr=[1,2,3,5];

console.log(append(arr,4));

22.在数组开头添加元素，不直接改变数组

 function prepend(arr, item) {

   var arr2=arr.slice(0);

   arr2.unshift(item);

   return arr2;

  }

  var arr=[1,2,3,4,5,6];

  console.log(prepend(arr,0));

23.数组指定位置添加元素，不直接改变数组

  function insert(arr, item,index) {

         var arr2=arr.slice(0);

         arr2.splice(index,0,item);

         return arr2;

   }

       var arr=[1,2,3,4];

       console.log(insert(arr,5,2));

24. 冒泡排序

     function bubbleSort(arr){

          for(var i=0;i<arr.length-1;i++){

               for(var j=i+1;j<arr.length;j++){

                   //获取前一个值和后一个值进行比较

                      if(arr[i]>arr[j]){

                            //创建中间变量 交换值

                         var cur=arr[j];

                            arr[j]=arr[i];

                            arr[i]=cur;

                      }

               }

              }

              return arr;

        }

25.数组快速排序

        function quickSort(arr){

         if(arr.length<=1){return arr};

         //选基准值，可以是任意位置

       var key=Math.floor(arr.length/2);

         var keyValue=arr.splice(key,1)[0];

         //定义两个数组

         var left=[];

         var right=[];

         for(var i=0;i<arr.length;i++){

               //小于基准的方左边、大于右边

            if(arr[i]<keyValue){

                   left.push(arr[i]);

               }else{

                   right.push(arr[i]);

               }

         }

         //递归

         return quickSort(left).concat([keyValue],quickSort(right));

         //return typeof keyValue;

        }

        var array=[5,1,6,4,10,11,15,0,2];

        console.log(quickSort(array));

        //console.log(bubbleSort(array));

26.json 对象数组排序

var data = [
    {
        name: "海外事业部",
        value: 0.58
    }, {
        name: "内销",
        value: 0.36
    }, {
        name: "互联网中心",
        value: 0.78
    }];

    function compare(a, b) {
        return b.value - a.value;
    }

    data.sort(compare);
    console.log(data);

 

js常用字符串操作函数


我这里只是列举了常用的字符串函数，具体使用方法，请参考网址。

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

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

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

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

match() – 检查一个字符串是否匹配一个正则表达式。

substr() 函数 -- 返回从string的startPos位置，长度为length的字符串

substring() – 返回字符串的一个子串。传入参数是起始位置和结束位置。

slice() – 提取字符串的一部分，并返回一个新字符串。

replace() – 用来查找匹配一个正则表达式的字符串，然后使用新字符串代替匹配的字符串。

search() – 执行一个正则表达式匹配查找。如果查找成功，返回字符串中匹配的索引值。否则返回 -1 。

split() – 通过将字符串划分成子串，将一个字符串做成一个字符串数组。

length – 返回字符串的长度，所谓字符串的长度是指其包含的字符的个数。

toLowerCase() – 将整个字符串转成小写字母。

toUpperCase() – 将整个字符串转成大写字母。

 

Array相关的属性和方法


这里只是做了相关的列举，具体的使用方法，请参考网址。

Array 对象属性
constructor 返回对创建此对象的数组函数的引用。

length 设置或返回数组中元素的数目。

prototype 使您有能力向对象添加属性和方法。

Array 对象方法
concat() 连接两个或更多的数组，并返回结果。

join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。

pop() 删除并返回数组的最后一个元素。  

shift() 删除并返回数组的第一个元素

push() 向数组的末尾添加一个或更多元素，并返回新的长度。

unshift() 向数组的开头添加一个或更多元素，并返回新的长度。

reverse() 颠倒数组中元素的顺序。

slice() 从某个已有的数组返回选定的元素

sort() 对数组的元素进行排序

splice() 删除元素，并向数组添加新元素。

toSource() 返回该对象的源代码。

toString() 把数组转换为字符串，并返回结果。

toLocaleString() 把数组转换为本地数组，并返回结果。

valueOf() 返回数组对象的原始值

mpsl
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
字符串拆分成数组，如，“ab&&2”，通过“&&”做分隔符，分割得到字符串数组[ab，2]
orange_yoo的博客
09-04 1888
1.接口 public interface NoSplitInter { public abstract void nosplit(); } 2.实现类 public class NoSplitImpl implements NoSplitInter { private String str; ArrayList<String> list = new ArrayList<String>(); public NoSplitImpl(String str)
js 面试题之---数组、字符串操作
Blog
10-22 3254
1.  计算字符串中某个字符的个数       var aaa='1231011211009181';       function count(str){            var arr=[];            for(var i=0;i                      if(str.charAt(i)=='1'){                       
数组，字符串的常见操作
zhanghl150426的博客
11-08 144
数组： 第一：读取数组 for循环 方法如下：  var ay=[1,"sdsd","sdsd"] for (var i=0;i&lt;ay.length;i++) { console.log("index:"+i+" "+ay[i])  //index：0 1         index：1 sdsd         index：2 sdsd } 第二：合并数组 concat 方法...
java字符串返回数组_java – 从两个字符串数组返回常用元素的最有效的方式
weixin_42181888的博客
02-12 330
编辑：这是一个单行：compareList.retainAll(new HashSet(baseList));retainAll impl(在AbstractCollection中)循环遍历,并在参数上使用contains().将参数转换为HashSet将导致快速查找,因此retainAll中的循环将尽可能快地执行.此外,baseList的名称提示它是一个常量,所以如果您缓存此功能,您将获得显着的...
如何取string字符中有几个相同的字符&&如何把两个字符串中相同的字符赛选出来
a2986467829的博客
12-12 961
如何取string字符中有几个相同的字符串&&如何把两个字符串中相同的字符串赛选出来
sum(2,3),sum(2)(3)==5、字符串查找最大字符等面试题型答案浅述
热门推荐
weixin_44077556的博客
03-13 2万+
一、选择题 1.（基础）http状态码，那些理解是错误的 404 Not found，访问地址没敲对 200 OK，一切正常 500 Internal Server Error,浏览器端JS代码报错了 304 Not Modified 可能访问到一个旧网页 2.(基础)下面语句的输出结果是什么？ for(var i = 0;i<5;i++) { setTimeout(funct...
数组与字符串.docx
06-22
2) 熟悉Java中字符串的使用。 1）数组的基本操作，包括创建数组，填充数组，访问数组，拷贝数组，数组排序，数组查找。 2）编写一个猜密码的小程序，规则如下：程序首先产生一个三位数的密码，例如“025”，用户每次...
js数组常见操作及数组与字符串相互转化实例详解
11-23
本文实例讲述了js数组常见操作及数组与字符串相互转化方法。分享给大家供大家参考，具体如下： 数组与字符串的相互转化 [removed] var obj="new1abcdefg".replace(/(.)(?=[^$])/g,"$1,").split(","); //字符串转化...
MATLAB中的数组和字符串操作指南
08-17
这份资源将指导您如何在MATLAB中进行数组和字符串操作，从基础的数组处理到高级的字符串操作。通过详细的示例代码和编程指南，您将学习如何有效地操作和处理MATLAB中的数组和字符串数据。 内容概要： 该资源首先...
Delphi数组，字符串操作
12-31
关于Delphi的数组和字符串的介绍，经过了总结
js将字符串按某个字符切割成若干个字符串，以数组形式返回，并且数组中不能保留空字符
qq_41187577的博客
01-28 960
// var keyword = “dfcsf,gdfgfd,hguhytgu,gvhgf”; console.log(keyword ); var arr = keyword.split(",");// 在每个逗号(,)处进行分解。 console.log(arr); //过滤数组中的空字符 var resKey = arr.filter((s) => { return s && s.trim(); // 注：IE9(不包含IE9)以下的版本没有trim()方法 }); co
VUE 前端 框架基础（全栈工程师基础）
fengj20015的博客
09-23 336
数组 .filter() filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。过滤满足条件的内容 .map() map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。 map() 方法按照原始数组元素顺序依次处理元素。 .forRach() forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。注意:forEach() 对于空数组是不会执行回调函数的。如果数组可能为空，又必须要执行回调函数时，.
前端高频JS面试笔试题助你拿到心仪offer
txun123的博客
04-18 540
对于前端开发而言，JS可谓是重中之重，是每一个前端人必须掌握的技能，今天就为大家总结下JS相关面试问题，一共32个，都是前端高频面试题，如果你能完全理解后，相信能够让你提升一个质的飞跃，更能助你拿到心仪offer，好了废话不多说，学起来。 01.数组扁平化 数组扁平化是指将一个多维数组变为一个一维数组。 const arr = [1, [2, [3, [4, 5]]], 6]; // => [1, 2, 3, 4, 5, 6] 方法一：使用flat() const res1 = arr.f
字符串的处理 之 取字符串中出现最多次数的字母
heioowhat的博客
08-13 1万+
   1，要求：求字符串出现最多次数的字母；输出字母和对应的次数；  如： str = 'aaaaadabbbbbbccccdcc';  要求出 str 中 a b c d 谁出现的次数多； 思路： 求出每个字母出现的次数，并比较出现最多的； 可以自己先实现一下，看看跟最后有什么区别； 首先要知道  str  中 出现了什么字母；因为字符串是不确定的  有可能 str ='dddsdf...
数据结构实验之串一：KMP简单应用
baiqiaoxiang的博客
10-25 170
Description 给定两个字符串string1和string2，判断string2是否为string1的子串。 Input 输入包含多组数据，每组测试数据包含两行，第一行代表string1(长度小于1000000)，第二行代表string2（长度小于1000000），string1和string2中保证不出现空格。 Output 对于每组输入数据，若string2是string1的子串，则输出string2在string1中的位置，若不是，输出-1。 Sample Input abc a 123456
将字符串转换成二维数组
Welcome
05-27 5953
/// <summary> /// 将字符串转换成二维数组 /// </summary> /// <param name="original"></param> /// <returns></returns> public static string[,] TranStrToTwoArray(string original) ...
熟悉ES6，这些内容起码得懂个七八十吧
sqLeiQ的博客
03-01 251
前言： 记得我第一次接触ES6，还是在大学写JavaEE的时候。当时由于需要做个后端管理系统，所以临时找了一些培训视频资源学了一下前端基础和vue框架。通过那个视频资料，我学会了一些简单的ES6知识，比如用let和const声明变量，解构赋值、模板字符串、可变参数等等。 之后由于一些故事性的情节，春招临时转行前端，简历上实在没啥前端技能可写。仗着会那么一点点ES6，我竟然在技能一栏，厚颜无耻的写上了熟练运用ES6（…（⊙＿⊙；）…）。结果可想而知，我的前端面途坎坷，啪啪不断（巴掌与脸亲密接触所发出的声音
JavaScript 写的key-value数组
love19820823
11-12 1733
// JavaScript Key-Value Array // cheungmine function _pair_array_t (keyCompFunc) { this._keys = new Array(); this._vals = new Array(); this._comp = function (k1, k2) { return (k1==k2); } ...
c语言字 字符串转换成数组_全国计算机二级C语言考试资料
weixin_39955423的博客
11-20 728
点击蓝字关注我们点击蓝字，关注我们第一章C语言基本知识【考点1】C程序用C语言编写的程序称为C语言源程序，源程序文件的后缀名为“.c”。源程序经编译后生成后缀名为“.obj”的目标文件，再把目标文件与各种库函数连接起来，生成“.exe”可执行文件。C语言有三种基本结构：顺序结构、选择结构、循环结构。【考点2】main函数又称主函数，是C程序的入口。main后面跟一对小括号和一对花括号，花...
c语言数组字符串操作
最新发布
09-10
C语言中，数组可以用来存储一系列相同类型的数据。字符串是由字符数组组成的，以'\0'字符结尾。数组的每个元素可以通过索引访问...同时，合理地使用字符串操作函数和避免常见的错误，可以有效提高程序的效率和可靠性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值