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))
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,905评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,140评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,791评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,483评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,476评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,516评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,905评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,560评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,778评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,557评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,635评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,338评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,925评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,898评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,142评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,818评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,347评论 2 342

推荐阅读更多精彩内容