# 数组和字符串常用方法
# 数组高级 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?