JavaScript 常用字符串&数组操作方法总结

字符串操作

  1. 字符串截取 slice()
var str = "hello world";
var str1 = str.slice(1,3) // "el" 不包含str[3]
var str2 = str.slice(1) // "ello world"
  1. 字符串查找、匹配和替换search()、match()和replace()
var str = "hello my world";
var s1 = str.search("my"); // 6 找不到则为-1
var s2 = str.match("my"); // ["my", index: 6, input: "hello my world"]
var s3 = str.replace("my","our"); // "hello our world"
  1. 大小写toUpperCase() toLowerCase()
var str = "hello world";
var str2 = "I LOVE YOU"
var s1 = str.toUpperCase(); // "HELLO WORLD"
var s2 = str2.toLowerCase();// "i love you"
  1. 字符串转换toString()和其他方法
    (数字转换为字符串)
var num = 666;
var str = num + ""; //运用加法运算的特性转化为字符串 "666"
var str1 = num.toString() // "666"
var str2 = String(num) // "666"
  1. 字符串分割split()
var str = "i miss you"
var arr = str.split("") // ['i','','m','i','s','s','','y','o','u'] 单个字符分割
var arr1 = str.split(" ") // ['i','miss','you'] 以空格分割
  1. 字符串的比较localeCompare()
var myStr = "chicken";
var myStr2 = "egg";
var first = myStr.localeCompare(myStr2) // -1 
       first = myStr.localeCompare("chicken") // 0
       first = myStr.localeCompare("apple") // 1

数组操作

1 . 数组创建
使用构造函数new的方法来创建,传入一个参数和两个参数是不同的。

var a1 = new Array(5);
   console.log(a1.length);//5
   console.log(a1); //[] ,数组是空的

   var a2 = new Array(5,6);
   console.log(a2.length);//2
   console.log(a2); //[5,6]

2 . 数组的栈方法push()和pop()

var a = [1,2,3];
a.push(4);
console.log(a); // [1,2,3,4]
console.log(a.pop()); // [1,2,3]

3 . 数组的队列方法unshift()和shift()

var a = [1,2,3];
a.unshift(0);
console.log(a); //[0,1,2,3]
console.log(a.shift()); //[1,2,3]

4 . 使用splice()方法对数组进行增、删、改
语法如下:

array.splice(start)
array.splice(start, deleteCount) 
array.splice(start, deleteCount, item1, item2, ...)

start表示修改开始的位置(由0开始计数),如果超过了数组长度则默认在数组尾部添加内容;如果是负数-a则表示从数组末尾开始的第a位开始计数(末位为1开始倒序计数)。
deleteCount表示要移除的数组元素个数,为0则表示不移除元素,这种情况下,应该至少添加一个新元素(在start位之前添加),如果deleteCount大于start之后的元素总数,则从start后面的元素都会被删除(包含start位)。注:如果省略deleteCount被省略,则相当于为(arr.length - start)。
item1,item2,...表示要添加进数组的元素,从start的位置开始,如果不指定则只删除元素。

var a = [1,2,3]
a.splice(1,0,5)
console.log(a) // [1,5,2,3]
var b = [1,2,3,4]
b.splice(-2,2,4) //-2表示从3开始 
console.log(b) // [1,2,4]

5 . slice(start,end)
slice()方法用于返回数组的一个片段或者子数组,如果只写一个参数返回参数到数组结束部分,如果参数出现负数,则从数组尾部计数(-3意思是数组倒第三个,一般人不会这么干,但是在不知道数组长度,想舍弃后n个的时候有些用,不过数组长度很好知道。。。。,好纠结的用法),如果start大于end返回空数组,值得注意的一点是slice不会改变原数组,而是返回一个新的数组。splice则会改变原数组。

var a = [1,2,3,4,5,6,7,8];
b = a.slice(3);
console.log(b) // [4,5,6,7,8]
c = a.slice(3,6);
console.log(c); //[4,5,6]不包含a[6] 

6 . join(char)作用是把数组元素(对象调用其toString()方法)使用参数作为连接符连接成一字符串,不会修改原数组内容

var a = new Array(1,2,3,4,5);
console.log(a.join(',')); //"1,2,3,4,5"
console.log(a.join('')); //"12345"

7.sort() sort方法用于对数组进行排序,当没有参数的时候会按字母表升序排序,如果含有undefined会被排到最后面,对象元素则会调用其toString方法,如果想按照自己定义方式排序,可以传一个排序方法进去,很典型的策略模式,同样sort会改变原数组。

var a=new Array(5,4,3,2,1);
a.sort();
console.log(a);//[1, 2, 3, 4, 5]
var a=new Array(7,8,9,10,11);
a.sort();
console.log(a);//[10, 11, 7, 8, 9] 

字母表中10 11 比7小,需要排序方法如下:

var a = new Array(7,8,9,10,11);
a.sort(function(v1,v2){
    return v1-v2;
});
console.log(a);//[7, 8, 9, 10, 11]

ES5数组

  1. Array.isArray(obj)用来判断一个对象是不是数组,实则返回true,不是则为false。
  2. .indexOf(element)用于查找数组内指定元素位置,查找到第一个后返回其索引,没有查找到返回-1,indexOf从头至尾搜索,lastIndexOf反向搜索。
  3. .forEach(element, index, array)
    遍历数组,参数为一个回调函数,回调函数有三个参数:
    i 当前元素
    ii 当前元素索引值
    iii 整个数组
var a = new Array(1,2,3,4,5,6);

a.forEach(function(e,i,array){
    array[i]= e + 1;
});

console.log(a); //[2, 3, 4, 5, 6, 7]

4 . .map(function(element))

var a = new Array(1,2,3,4,5,6);

console.log(a.map(function(e){
  return e * e;
}));  // [1, 4, 9, 16, 25, 36]

console.log(a); //[1, 2, 3, 4, 5, 6]
let a = ['h','e','l','l','o','w','o','r','l','d'];
function f1(str){
 return str.charCodeAt(0)
}
console.log(a.map(f1))

你可能感兴趣的:(JavaScript 常用字符串&数组操作方法总结)