数组与字符串方法

最新推荐文章于 2023-02-27 17:42:20 发布

lhusailiu

最新推荐文章于 2023-02-27 17:42:20 发布

阅读量195

点赞数

分类专栏：前端练习

本文链接：https://blog.csdn.net/lhusailiu/article/details/73863360

版权

前端练习专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>

  //数组去重
    var arr15 =[4,6,7,4,1,6,7,4,9,5,2,5,6,3,2]
    var arr16=[];
    var json ={};
    for (var i = 0; i < arr15.length; i++) {
        var temp =arr15[i];
        if(!json[temp]) {  //判断  如果没有重叠的，如果有重叠下面代码不执行
            json[temp]=1  //  其键值为1
            arr16.push(temp)
        }
    }
    console.log(arr16);

    //join 使用方法
  var arr=["a","b","c","d"]
  var arr2=[];
  console.log(arr.join(" ")); //用空格隔开
  console.log(arr.join(",")); //用逗号隔开
  console.log(arr.join("|"));
    console.log(arr);
    //数组增删方法
    //push
    var arr1=[2,4,6,7,5]
    console.log(arr1.push(10));//返回的是数组的长度 从后面添加元素
    console.log(arr1);  //返回的是新的数组
    //pop
    var arr2 =[3,4,56,67];
    console.log(arr2.pop());//返回的是被删除的后面元素  从后面删除元素
    console.log(arr2);  //返回的是新的数组
    //shift
    var arr3=[46,18,167,34];
    console.log(arr3.shift());//返回的是被删除的前面元素、从前面删除元素
    console.log(arr3);//返回的是新的数组
    //unshift
    var arr4=[12,34,55,66];
    console.log(arr4.unshift(45)); //返回的是数组的长度,从前面添加元素
    console.log(arr4);//返回的是新的数组
    //reverse
    var arr5 =["a","b","c","d"];
    console.log(arr5.reverse());    //将数组反转排序
    //indexOf
    var arr6=["a","b","a","g","u","a"];
    console.log(arr6.indexOf("a"));  //寻找元素在数组中出现的次数
    console.log(arr6.indexOf("a", 1));  //参数1：需要找的元素，参数2：从哪个索引号开始
    var index=-1
    var arr7=[];
    do{
     index = arr6.indexOf("a",index+1)
        console.log(index);
    }
    while(index!==-1)
    //每个元素在数组中出现的次数
    var arr8 = ["c", "a", "z", "a", "x", "a"];
    var json={};
    for (var i = 0; i < arr8.length; i++) {
        var stemp=arr8[i];
        if(json[stemp]) {
            json[stemp]=json[stemp]+1
        }
        else  {
            json[stemp]=1
        }
    }
    console.log(json);
    //slice数组截取
    var arr9 = ["c", "a", "z", "a", "x", "a","d","f"];
    console.log(arr9.slice(2,6)); //从索引 号2开始，到索引第6个 ，不包含第6项，返回的是这段数组的值，原来数组不变
    console.log(arr9);   //原来数组不变
   // splice
     var arr10= ["c", "a", "z", "a", "x", "a","d","f","e","h"];
    console.log(arr10.splice(3, 5));  //从第3个索引号开始，删除后面的5个元素，包含本身开始的索引号的元素
    console.log(arr10);  //原数组发生变化


    //字符串截取  原字符串不变
    var str="abcdfghjkl"
    console.log(str.slice(2,4));  //从start位置开始，截取到end位置，end取不到
    console.log(str);
    console.log(str.substr(2, 4));  //从start位置开始，截取到4个元素
    console.log(str);
    console.log(str.substring(2, 4));
    console.log(str); //从start位置开始，截取到end位置，end取不到
   
    var str=" abc dfg hj kl"
    var arr12=str.trim().split(" ");  //split()切割字符串返回一个新的数组,trim() 去掉空白符
    console.log(arr12);
    console.log(arr12.join(""));
    //替换类名
    function replaceClassName (element,oldStr,newStr) {
        var nameArr=element.className.trim().split(" ");
        for (var i = 0; i < nameArr.length; i++) {
            if(oldStr==nameArr[i]) {
                nameArr[i]=newStr
            }

      }
    element.className=nameArr.join(" ");
    }


</script>
</body>
</html>

lhusailiu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
数组与字符串方法

Title //join 使用方法 var arr=["a","b","c","d"] var arr2=[]; console.log(arr.join(" ")); //用空格隔开 console.log(arr.join(",")); //用逗号隔开 console.log(arr.join("|")); console.log(arr);
复制链接

扫一扫