数组和字符串的方法总结

最新推荐文章于 2024-04-18 14:16:43 发布

wbuaita

最新推荐文章于 2024-04-18 14:16:43 发布

阅读量201

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/wbuaita/article/details/129263157

版权

数组的方法总结

1.pop（）

功能：方法用于删除并返回数组的最后一个元素。

是否改变原数组：改变

var arr = [1,2,3];
    console.log(arr.pop());     //3
    console.log(arr);           //[1,2]---原数组改变

2.join（）

功能：根据指定分隔符将数组中的所有元素放入一个字符串，并返回这个字符串。

是否改变原数组：不改变

var arr = [1,2,3];
    console.log(arr.join());         //1,2,3
    console.log(arr.join("-"));      //1-2-3
    console.log(arr);                //[1,2,3]---原数组未改变

3.push（）

功能：接向数组的末尾添加一个或多个元素，并返回新的长度。

是否改变原数组：改变

    var arr = [1,2,3];
    arr.push("4","5") // 为数组添加4,5
    console.log(arr)// [1,2,3,4,5] 原数组改变

4.shift（）

功能：方法用于删除并返回数组的第一个元素。

是否改变原数组：改变

    var arr = [1,2,3];
    arr.shift("1") // 为数组删除1
    console.log(arr)// [2,3] 原数组改变

5.unshift（）

功能：向数组的开头添加一个或更多元素，并返回新的长度。

是否改变原数组：改变

    var arr = [1,2,3];
    arr.unshift("4","5") // 为数组开头添加4,5
    console.log(arr)// [4,5,1,2,3] 原数组改变

6.concat（）

功能：用于连接两个或多个数组，该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

是否改变原数组：不改变

    var arr = [1,2,3];
    var arr1=arr.concat('4');
    console.log(arr1); //[1,2,3,'4']
    console.log(arr);//[1,2,3] 原数组不改变

7.reverse（）

功能：颠倒数组中元素的顺序。

是否改变原数组：改变

    var arr = [1,2,3];
    console.log(arr.reverse());//[3,2,1]
    console.log(arr);//[3,2,1]原数组改变

8.slice（）

功能：可从已有的数组中返回选定的元素。该方法接收两个参数slice(start,end)，strat为必选，表示从第几位开始；end为可选，表示到第几位结束(不包含end位)，省略表示到最后一位；start和end都可以为负数，负数时表示从最后一位开始算起，如-1表示最后一位。

是否改变原数组：不改变

    var arr = [1,2,3,4,5,6,7,8,9];
    console.log(arr.slice(1,3));//[2,3,4]
    console.log(arr)//[1,2,3,4,5,6,7,8,9]

9.sort（）

功能：对数组中的元素进行排序，默认是升序。

是否改变原数组：改变

    var arr = [7,6,8,4,1,5,2,3];
    console.log(arr.sort());//[1,2,3,5,6,7,8]
    console.log(arr); //[1,2,3,5,6,7,8]---原数组改变

10.splice（）

功能：向数组中添加，或从数组删除，或替换数组中的元素，然后返回被删除/替换的元素。

    var arr=[1,2,3,4,5,6,7];
    //删除
    console.log(arr.splice(1,2))//删除[2,3]
    console.log(arr)//[1,4,5,6,7] 原数组改变

    //替换
    var arr=[1,2,3,4,5,6,7];
    console.log(arr.splice(1,2,40,50))//把[2,3]替换成[40,50]
    console.log(arr)//[1,40,50,4,5,6,7] 原数组改变
    //增加
    var arr=[1,2,3,4,5,6,7];
    console.log(arr.splice(2,0,40,50))//在数组中增加[40,50]
    console.log(arr)//[1,2,40,50,3,4,5,6,7] 原数组改变

11.toString（）

功能：转换成字符串，类似于没有参数的join()。该方法会在数据发生隐式类型转换时被自动调用，如果手动调用，就是直接转为字符串。

是否改变原数组：不改变

    var arr = [1,2,3];
    console.log(arr.toString());//1,2,3
    console.log(arr);//[1,2,3]---原数组未改变

12.valueOf（）

功能：返回数组的原始值。

是否改变原数组：不改变

    var arr = [1,2,3];
    console.log(arr.valueOf());//[1,2,3]
    console.log(arr);//[1,2,3]

13.indexOf（）

功能：根据指定的数据，从左向右，查询在数组中出现的位置，如果不存在指定的数据，返回-1。

是否改变原数组：不改变

    var arr=['a','b','c','d'];
    console.log(arr.indexOf('c'));//2

14.lastIndexOf（）

功能：根据指定的数据，从右向左，查询在数组中出现的位置，如果不存在指定的数据，返回-1。

是否改变原数组：不改变

    var arr=['a','b','c','d'];
    console.log(arr.lastIndexOf('c'));//2

15..forEach（）

功能：遍历数组，该方法没有返回值。

是否改变原数组：不改变

    var arr = ["a","b","c","d","e"];
    var a = arr.forEach(function(value,index,self){
        console.log(value + "-" + index + "-" + (arr === self));
    })//a-0-true
      //b-1-true
      //c-2-true
      //d-3-true
      //e-4-true

16.map（）

功能：返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

是否改变原数组：不改变

    var arr=[1,2,3,4];
    var a=arr.map(function(b){
        return b*2
    })
    console.log(a)//2,4,6,8
    console.log(arr)//1,2,3,4

17.filter（）

功能：创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

是否改变原数组：不改变

    var arr=[1,2,3,4];
    var a=arr.filter(function(b){
        return b>2
    })
    console.log(a)//3,4
    console.log(arr)//1,2,3,4

18..every（）

功能：判断数组中每一项是否都满足条件，只有所有项都满足条件，才会返回true。

是否改变原数组：不改变

 var arr=[1,2,3,4];
    var a=arr.every(function(b){
        return b>2
    })
    console.log(a)//false
    console.log(arr)//1,2,3,4

19.some（）

功能：判断数组中是否存在满足条件的项，只要有一项满足条件，就会返回true

是否改变原数组：不改变

    var arr=[1,2,3,4];
    var a=arr.some(function(b){
        return b>2
    })
    console.log(a)//true
    console.log(arr)//1,2,3,4

20.reduce（）

功能：从数组的第一项开始，逐个遍历到最后，迭代数组的所有项，然后构建一个最终返回的值。

是否改变原数组：不改变

    var arr=[1,2,3,4];
    var a=arr.reduce(function(b,c){
        return b+c
    })
    console.log(a)//10
    console.log(arr)//1,2,3,4

21.reduceRight（）

功能：（与reduce类似）从数组的最后一项开始，向前逐个遍历到第一位，迭代数组的所有项，然后构建一个最终返回的值。

是否改变原数组：不改变

    var arr=[1,2,3,4];
    var a=arr.reduceRight(function(b,c){
        return b+c
    })
    console.log(a)//10
    console.log(arr)//1,2,3,4

22.find（）

功能：查找数组中符合条件的元素,若有多个符合条件的元素，则返回第一个元素。当没有找到满足该条件的值时，返回undefined。

是否改变原数组：不改变

    var arr=[1,2,3,4];
    var a=arr.find(function(b){
        return b>3
    })
    console.log(a)//4
    console.log(arr)//1,2,3,4

23.findIndex（）

功能：返回数组中满足提供的测试函数的第一个元素的索引。若没有找到对应元素则返回 -1。

是否改变原数组：不改变

    var arr=[1,2,3,4];
    var a=arr.findIndex(function(b){
        return b>3
    })
    console.log(a)//4
    console.log(arr)//1,2,3,4

24.Array.of（）

功能：将参数中所有值作为元素形成数组。

    let a={
        '0':'a',
        '1':'b',
        '2':'c',
        length:3
    }
    let b=Array.of(a);
    console.log(b)//['a','b','c']

25.Array.from（）

功能：将类数组对象或可迭代对象转化为数组。

    let a={
        '0':'a',
        '1':'b',
        '2':'c',
        length:3
    }
    let b=Array.from(a);
    console.log(b)//['a','b','c']

字符串的方法总结

1.startsWith（）

功能：表示参数字符串是否在原字符串的头部，返回布尔值。

    let str='abcdefg';
    console.log(str.startsWith('a'));//true

2.endsWith（）

功能：表示参数字符串是否在原字符串的尾部，返回布尔值。

    let str='abcdefg';
    console.log(str.endsWith('a'));//false

3.length（）

功能：返回字符串的长度。

    let str='abcdefg';
    let a=str.length;
    console.log(a)//7

4.split（）

功能：把字符串分割成字符串数组。

    let str='abcdefg';
    let a=str.split("");
    console.log(a)//['a', 'b', 'c', 'd', 'e', 'f', 'g']

5.repeat（）

功能：表示将原字符串重复n次，返回一个新字符串。

    console.log("s".repeat(3));//sss

6.slice（）

功能：提取某个字符串的一部分，并返回一个新的字符串，且不会改动原字符串。

    let str='abcdefg';
    let a=str.slice(1,2);//包含start 不包含end
    console.log(a);//b
    console.log(str);//abcdefg

7.indexOf（）

功能：返回某个指定的字符串值在字符串中首次出现的下标位置。

    let str='abcdefg';
    let a=str.indexOf('a');
    console.log(a);//0
    console.log(str);//abcdefg

8.lastIndexOf（）

功能：返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。

    let str='abcdefg';
    let a=str.lastIndexOf('a');
    console.log(a);//0
    console.log(str);//abcdefg

9.toLowerCase（）

功能：把字符串转换为小写。

    let str='ABCDEFG';
    let a=str.toLowerCase();
    console.log(a);//abcdefg
    console.log(str);//ABCDEFG

10.toUpperCase（）

功能：把字符串转换为大写。

    let str='abcdefg';
    let a=str.toUpperCase();
    console.log(a);//ABCDEFG
    console.log(str);//abcdefg

11.substring（）

功能：返回一个字符串在开始索引到结束索引之间的一个子集，或从开始索引直到字符串的末尾的一个子集。

    let str='abcdefg';
    let a=str.substring(0,5);
    console.log(a);//abcde
    console.log(str);//abcdefg

12.charAt()

功能：从一个字符串中返回指定的字符。

    let str='abcdefg';
    let a=str.charAt(0);
    console.log(a);//a
    console.log(str);//abcdefg

wbuaita

关注

1
点赞
踩
0

收藏

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

.
复制链接

扫一扫

数组和字符串的方法总结

数组的方法总结

1.pop（）

2.join（）

3.push（）

4.shift（）

5.unshift（）

6.concat（）

7.reverse（）

8.slice（）

9.sort（）

10.splice（）

11.toString（）

12.valueOf（）

13.indexOf（）

14.lastIndexOf（）

15..forEach（）

16.map（）

17.filter（）

18..every（）

19.some（）

20.reduce（）

21.reduceRight（）

22.find（）

23.findIndex（）

24.Array.of（）

25.Array.from（）

字符串的方法总结

1.startsWith（）

2.endsWith（）

3.length（）

4.split（）

5.repeat（）

6.slice（）

7.indexOf（）

8.lastIndexOf（）

9.toLowerCase（）

10.toUpperCase（）

11.substring（）

12.charAt()

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