js实用篇之数组、字符串常用方法

安全结
• 阅读 2630

常常在开发中,会使用到很多js数组和字符串的处理方法,这里列举一些我常用到的一些,方便大家参考使用。

数组方面

  • push:向数组尾部增加内容,返回的是新数组的长度。

var arr = [1,2,3];
console.log(arr);
var b = arr.push(4);
console.log(b);
console.log(arr);
//  [1, 2, 3]
//  4   //表示当前数组长度
// [1, 2, 3, 4]

与之相反的是pop, 在结尾删除一个值,并返回删除的值。

var arr = [1,2,3];
console.log(arr);
arr.pop();
console.log(arr);
// [1,2,3]
 //[1,2]
  • unshift :向数组开头增加内容,返回新数组的长度。

var c = arr.unshift(-1,0);
console.log(arr);
// [-1, 0, 1, 2, 3]

与之相反的是shift,在开头删除一个值,并返回删除的值。

var d = arr.shift();
console.log(d);
console.log(arr);
// 1
// [2, 3]
  • toString:数组转化成字符串,原来的数组不变。

console.log(arr);
arr = arr.toString();
console.log(arr);
// [1,2,3]
 //'1,2,3' 而不是'123'
  • concat:数组的拼接,参数可以是数组也可以一个接一个,原来的数组不变。

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

js实用篇之数组、字符串常用方法

  • join:(分隔符),每一项拿出来用指定的分隔符分开,不带参数默认为",",原来的数组不变。

var arr = [1,2,3];
var b = arr.join("");
console.log(b);
//"123"
  • spliceslice
    splice(x,y,z) 从x开始清除长度为y的元素,并用z替换。z类似于item1, ..., itemX这样。原来的数组改变。

var arr = [1,2,3];
arr.splice(0,1,"");
console.log(arr);
// '["",2,3]'

当不写第三个数的时候,相当于删除功能!当第二个为0时,相当于添加功能!

  • 详解

    • 删除时,两个参数,第一个是开始位置,第二个是删除长度。

    • 插入时,三个参数,第一个是插入位置(在之前插入),第二个是0,第三个是插入的内容。

    • 替换时,三个参数,第一个是开始位置,第二个是删除长度,第三个是替换的内容
      slice(x,y) :从x到y(不包括),并把新的内容作为新的数组返回。原来的数组不变。

var b = arr.slice(0,1);
// [1]
  • reverse: 将原来的数组倒过来排序,原来的数组改变。

var arr = [1,2,3];
arr.reverse();
console.log(arr);
// [3,2,1]
  • sort:排序,可以实现由小到大,由大到小。基本的只能处理10以内,要额外的处理。原来的数组改变。

var arr = [1,3,2,50,23];
arr.sort(function(a,b) {return a - b ;}); //从小到大
console.log(arr);
// [1,2,3,23,50] 
// 更换a和b的顺序,就是从大到小。
//也可以这样。
[{name:"张三",age:30},{name:"李四",age:24},{name:"王五",age:28}].sort(function(o1,o2){returno1.age-o2.age;}) 
// [{name: "李四",age: 24 },{name: "王五",age: 28},{name: "张三",age: 30 }]           
  • 再类似于forEach、filter、map、reduce等。

字符串

  • charAt: 返回字符串的给定位置的字符串。

var arr = 'abcdefg';
console.log(arr.length);
console.log(arr.charAt(1));
console.log(arr[1]);
// 7
// b
// b
  • concat: 连接2个字符串。原来的不变。

var b = arr.concat("abc");
console.log(b);
// "abcdefgcde"
  • substring、substr、slice 都可省略第二个参数,表示持续到字符串结束。
    substring(x,y) 返回从x到y(不包括y) 位置颠倒时,互换。

var s = arr.substring(1,3);
console.log(s);
// "bc"

substr(x,y) 返回从x开始的长度为y的字符串

var s = arr.substr(1,3);
console.log(s);
// "bcd"

slice(x,y) 返回从x到y(不包括y) 位置颠倒时,结果为空字符串

var s = arr.slice(1,3);
console.log(s);
var s = arr.slice(3,1);
console.log(s);
// bc
//  ""
  • trim : 去除两端的空格,不影响之前的字符串

var arr = '  abcdefg     ';
var a = arr.trim();
console.log(a);
//abcdefg

半角全角空格、中英文空格、tab键一招根除。

  • toLowerCase 、toUpperCase :转为大小写,原来的不变。

var b = arr.toUpperCase();
console.log(b);
//"ABCDEFG"
  • indexOf、lastIndexOf,确定一个字符串在另一个字符串中的第一次出现的位置,一个从头部开始,一个从尾部开始。

var arr = 'abccba';
var b = arr.indexOf('b');
console.log(b);
// 1
var c = arr.lastIndexOf('c');
console.log(c);
// 3

它们还可以接受第二个参数,对于indexOf,表示从该位置开始向后匹配;对于lastIndexOf,表示从该位置起向前匹配。

  • split 将separate作为切割字符,结果存在一个字符串中。

var arr = 'a b c c b a';
var b = arr.split(' ');
console.log(b);
// ["a", "b", "c", "c", "b", "a"]

为空时,相当于字符串转为了数组。


补充:

  • 数字:toFixed() 保留小数,结果是字符串类型的!!。

var a = 1.1212;
console.log(a.toFixed(2));
// 1.12  
  • parseInt 和 parseFloat

var a = 024;
console.log(parseInt(a,10));
// 24
  • 字符串转数字 parseInt

  • 数字转字符 toString or 数字 + ""

参考链接: 阮一峰的JavaScript 标准参考教程(alpha)

点赞
收藏
评论区
推荐文章
凝雪探世界 凝雪探世界
4年前
超详细的 JS 数组方法
数组是js中最常用到的数据集合,其内置的方法有很多,熟练掌握这些方法,可以有效的提高我们的工作效率,同时对我们的代码质量也是有很大影响。一、创建数组1.使用数组字面量表示法var arr4  ;   //创建一个空数组var arr5  20;   // 创建一个包含1项数据为20的数组var arr
Karen110 Karen110
3年前
盘点JavaScript中数组遍历的全部方式(上篇)
前言JavaScript想必大家都不陌生了,其中的字符串和数组大家经常都会用到,今天就让我们来说说这里面的数组对象的遍历吧,因为遍历经常使用的缘故,所以小编带着大家来解锁遍历的所有方法,以便大家能够更深入的了解数组遍历,并在实际项目中灵活运用。一、Entries这个是ES6中提供的用于遍历数组的方法,它会返回一个遍历器对象,Entries是对键值对的遍历。
待兔 待兔
3年前
12个有用的JavaScript数组技巧
数组是Javascript最常见的概念之一,它为我们提供了处理数据的许多可能性,熟悉数组的一些常用操作是很有必要的。1、数组去重1、from()叠加newSet()方法字符串或数值型数组的去重可以直接使用from方法。varplants'Saturn','Earth','Uranus','Mercury','Venus','Earth',
Wesley13 Wesley13
3年前
Java 集合类
为什么使用集合数组长度是固定,如果要改变数组的长度需要创建新的数组将旧数组里面的元素拷贝过去,使用起来不方便。java给开发者提供了一些集合类,能够存储任意长度的对象,长度可以随着元素的增加而增加,随着元素的减少而减少,使用起来方便一些。数组和集合的区别区别1:数组既可以存储基本数据类型,又可以存储引用数据类型,基本数据类
Wesley13 Wesley13
3年前
C#中二维数组的行数和列数
最近在项目中用到二维数组,需要获取数组的行数和列数,本以为是很简单的一些东西,却发现网上好多答案都是错误的,遂写下随笔,希望之后有用到的同学们能够顺利解决答案。下面是一些关于数组的一些属性和方法以及解释,为了表示方便,我们定义了一个数组arr,int,arrnewint8,20;Rank是指数组的维数,作为二维数组,这
Stella981 Stella981
3年前
PHP中unset,array_splice删除数组中元素的区别
php(https://www.oschina.net/p/php)中删除数组元素是非常的简单的,但有时删除数组需要对索引进行一些排序要求我们会使用到相关的函数,这里我们来介绍使用unset,array\_splice删除数组中的元素区别吧如果要在某个数组中删除一个元素,可以直接用的unset,但是数组的索引不会重排:?(https://ww
Stella981 Stella981
3年前
JavaScript实现字符串逆置的几种方法
1\.一般来说js实现字符串逆置输出的一般思路是:1、将字符串转为数组,一个字符为数组的一个元素; 2、将数组倒置; 3、再将数组元素拼接为字符串。2\.一般用到的方法有:join():该方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。 split():将一个字符串分割为子字符串数
Stella981 Stella981
3年前
JavaScript push() 方法
定义和用法push()方法可向数组的末尾添加一个或多个元素,并返回新的长度。语法arrayObject.push(newelement1,newelement2,....,newelementX)参数描述newelement1必需。要添加到数组的第一个元素。newelement2可选。要添加到
Wesley13 Wesley13
3年前
ES6之数组常用方法
数组是js中常用的一个数据结构,熟练掌握和使用数组的方法更有利于快速开发,有些方法可以实现相同的功能,但是语义不一定适合。数组新增元素push尾部加入,返回修改后的数组长度。非常常见的数组追加方法。1,2,3.push(5)//尾部插入51,2,3,5//reutrn4u
Stella981 Stella981
3年前
JavaScript——数组(三)数组方法汇总
前面两篇大致介绍了一下数组的基本特性,这里说一下数组的常用方法:Array.join()   将数组中所有的元素都转化为字符串并拼接在一起,返回最后生成的字符串。  不改变原数组可通过指定的分隔符来分隔各个元素,如果不指定分隔符,则默认使用逗号。1vararr1,2,3;//创
3A网络 3A网络
2年前
重写数组的方法(改变原数组)
重写数组的方法(改变原数组)下图是我自我学习模拟数组时总结的一些重新数组的方法:本文我们暂不讨论不改变原数组的方法,只谈改变原数组用到的6种方法。改变原数组的方法push()按参数顺序向数组尾部添加元素,返回新数组的长度javascriptvarcolorreverse()将数组倒叙,改变原数组javascriptArray.prototype.
安全结
安全结
Lv1
想要的都拥有,得不到的都释怀。
文章
3
粉丝
0
获赞
0