# 数组和字符串常用方法

# 数组高级 API

# reverse()

reverse():反转数组,返回结果为反转后的数组(会改变原来的数组)。

语法:

反转后的数组  =  数组.reverse();

举例:

var arr = ["a", "b", "c", "d", "e", "f"];

var result = arr.reverse(); // 将数组 arr 进行反转

console.log("arr =" + arr);
console.log("result =" + result);

打印结果:

arr = ["f", "e", "d", "c", "b", "a"];
result = ["f", "e", "d", "c", "b", "a"];

从打印结果可以看出,原来的数组已经被改变了。

# sort()方法

sort()方法要好好理解。所以,我们单独用一大段来讲。

sort():对数组的元素进行从小到大来排序(会改变原来的数组)。

# sort()方法举例:无参时

如果在使用 sort() 方法时不带参,则默认按照Unicode 编码,从小到大进行排序。

举例 1:(当数组中的元素为字符串时)

var arr1 = ["e", "b", "d", "a", "f", "c"];

var result = arr1.sort(); // 将数组 arr1 进行排序

console.log("arr1 =" + arr1);
console.log("result =" + result);

打印结果:

arr1 = ["a", "b", "c", "d", "e", "f"];
result = ["a", "b", "c", "d", "e", "f"];

举例 2:(当数组中的元素为数字时)

var arr2 = [5, 2, 11, 3, 4, 1];

var result = arr2s.sort(); // 将数组 arr2 进行排序

console.log("arr2 =" + arr2);
console.log("result =" + result);

打印结果:

arr2 = [1, 11, 2, 3, 4, 5];
result = [1, 11, 2, 3, 4, 5];

上方的打印结果中,你会发现,使用 sort() 排序后,数字11竟然在数字2的前面。这是为啥呢?因为上面讲到了,sort()方法是按照Unicode 编码进行排序的。

那如果我想让 arr2 里的数字,完全按照从小到大排序,怎么操作呢?继续往下看。

# sort()方法举例:带参时

如果在 sort()方法中带参,我们就可以自定义排序规则。具体做法如下:

我们可以在 sort()添加一个回调函数,来指定排序规则。回调函数中需要定义两个形参,浏览器将会分别使用数组中的元素作为实参去调用回调函数

浏览器根据回调函数的返回值来决定元素的排序:(重要)

  • 如果返回一个大于 0 的值,则元素会交换位置

  • 如果返回一个小于 0 的值,则元素位置不变

  • 如果返回一个 0,则认为两个元素相等,则不交换位置

代码举例

var arr3 = [5, 2, 11, 3, 4, 1];

// 自定义排序规则
var result = arr3.sort(function(a, b) {
	return a - b; // 升序排列
	// return b - a; // 降序排列
});

console.log("arr3 =" + arr3); // [1,2,3,4,5,11]
console.log("result =" + result); // [1,2,3,4,5,11]

# slice()

slice():从数组中提取指定的一个或者多个元素,返回结果为新的数组(不会改变原来的数组)。

备注:该方法不会改变原数组,而是将截取到的元素封装到一个新数组中返回。

语法

新数组 = 原数组.slice(开始位置的索引, 结束位置的索引); //注意:包含开始索引,不包含结束索引

举例:

var arr = ["a", "b", "c", "d", "e", "f"];

var result1 = arr.slice(2); //从下标为2值开始提取
var result2 = arr.slice(-2); //提取最后两个元素
var result3 = arr.slice(2, 4); //提取从下标为2到下标为4之间的值(不包括下标为4的值)
var result4 = arr.slice(4, 2); //空

console.log("arr:" + arr);
console.log("result1:" + result1);
console.log("result2:" + result2);
console.log("result3:" + result3);
console.log("result4:" + result4);

打印结果:

arr: ["a", "b", "c", "d", "e", "f"];
result1: ["c", "d", "e", "f"];
result2: ["e", "f"];
result3: ["c", "d"];
result4: [];

# splice()

splice():从数组中删除指定的一个或多个元素,返回结果为新的数组(会改变原来的数组,会将指定元素从原数组中删除)。

语法:

新数组 = 原数组.splice(起始索引index, 需要删除的个数, 第三个参数, 第四个参数...);

上方语法中,第三个及之后的参数,表示:向原数组中添加新的元素,这些元素将会自动插入到开始位置索引的前面。

举例 1:

var arr1 = ["a", "b", "c", "d", "e", "f"];
var result1 = arr1.splice(1); //从第index为1的位置开始,删除元素

console.log("arr1:" + arr1);
console.log("result1:" + result1);

console.log("-----------------------");

var arr3 = ["a", "b", "c", "d", "e", "f"];
var result3 = arr3.splice(1, 3); //从第index为1的位置开始删除元素,一共删除三个元素

console.log("arr3:" + arr3);
console.log("result3:" + result3);

console.log("-----------------------");

打印结果:

arr1:["a"]
result1:["b","c","d","e","f"]
-----------------------

arr3:["a","e","f"]
result3:["b","c","d"]
-----------------------

举例 2:(我们来看看第三个参数的用法)

var arr4 = ["a", "b", "c", "d", "e", "f"];

//从第index为1的位置开始删除元素,一共删除三个元素。并且在 index=1 的前面追加两个元素
var result4 = arr4.splice(1, 3, "千古壹号", "vae");

console.log("arr4:" + arr4);
console.log("result4:" + result4);

打印结果:

arr4:["a","千古壹号","vae","e","f"]
result4:["b","c","d"]

# indexOf() 和 lastIndexOf():获取数据的索引

语法

索引值 = 数组.indexOf(value);

索引值 = 数组.lastIndexOf(value);

解释

  • indexOf(value):从前往后索引,获取 value 在数组中的第一个下标。

  • lastIndexOf(value) :从后往前索引,获取 value 在数组中的最后一个下标。

作用

利用这个方法,我们可以判断某个值是否在指定的数组中。如果没找到则返回-1

var arr = ["a", "b", "c", "d", "e", "d", "c"];

console.log(arr.indexOf("c")); //从前往后,找第一个"c"在哪个位置,2
console.log(arr.lastIndexOf("d")); //从后往前,找第一个"d"在哪个位置,5

# 字符串对象的常用方法

charAt() 获取相应位置的字符 charCodeAt() 指定位置字符 的 Unicode 编码 indexOf() 返回字符在字符串中的位置 lastIndexOf() concat() 连接字符串 slice() 提取字符串的某个部分 substr() 截取字符串 toUpperCase() toLowerCase()

var str = "how are you? and you?";

console.log(str.length); // 21
// charAt()获取相应位置字符
// 空格也 占位置
console.log(str.charAt(5)); // r
// charCodeAt() 方法可返回指定位置字符的 Unicode 编码
console.log(str.charCodeAt(5)); // 114

// indexOf() / lastIndexOf()
// 返回字符在字符串中的位置
console.log(str.indexOf("y")); // 8
console.log(str.lastIndexOf("y")); // 17

//concat() 连接字符串
var str2 = " me too";
console.log(str.concat(str2));

// slice()	  方法可提取字符串的某个部分,并以新的字符串返回被提取的部分
console.log(str.slice(0, 9)); // how are y
console.log(str.slice(0)); // how are you? and you?
console.log(str.slice(1, 4)); // 'ow '

// substr(起始位置,[取的个数])  截取字符串 返回截取的字符串
console.log(str.substr(0)); // 截取 整个字符串
console.log(str.substr(1, 4)); // ow a

// 转换大小写
console.log(str.toUpperCase()); // HOW ARE YOU? AND YOU?
console.log(str);
console.log(str.toLowerCase()); // how are you? and you?
上次更新: 9/2/2019, 5:09:05 PM