JS对象常用方法总结

string

方法一：charAt()：返回在指定位置的字符

var str = 'nihaome wozhendexiangxeuhaoqianduan'
var str2 = str.charAt(4);//字符串的下标是从1开始的,所以返回o
var str3 = str.charAt(25); //25位置是a;
var str4 = str.charAt(5,26); //传入两个参数，不会报错，但是第二个参数默认无效，
//所以返回的是位置5的字符m
console.log(str2);
console.log(str3);
console.log(str4);
TIM图片20190120205510.png

方法二：charCodeAt()：返回咋指定位置的字符的Unicode编码

var str = "llinihao mezaigama";
var str2 = str.charCodeAt(5);//位置5的字符是h，h的Unicode编码是104
var str3 = str.charCodeAt(3);
console.log(str3); //110
console.log(str2);
TIM图片20190121093509.png

方法三：conca()：连接字符串

var str1 = "lixiaoqi";
var str2 = 'zaijian';
console.log(str2.concat(str1));//把str1连接到str2上
TIM图片20190121093754.png

方法四： indexOf()： 检索字符串，返回的是字符在字符串的下标

var str1 = "lixiaoqi";
var num1 = str1.indexOf('o'); //检索字符串，返回的是字符在字符串的下标
//字符串的下标是从0开始计数
var num2 = str1.indexOf('lllll'); //没有找到匹配的值，返回-1
var num3 = str1.indexOf('ni'); //没有找到匹配的值，返回-1
console.log(num1);
console.log(num2);
console.log(num3);
TIM图片20190121094942.png

方法五：match()：在字符串内检索指定的值或找到一个或多个正则表达式的匹配，返回的是值而不是值的位置。

var str1 = "lixiaoqi";
var str2 = str1.match('iao'); //检索字符串，返回的是字符
var str3 = str1.match('lll');//没有指定的字符，返回的是null
console.log(str2);
console.log(str3);
TIM图片20190121094700.png

方法六：replace()：替换匹配的字符串

var str1 = "nihaome";
var str2 = "lixiaoqi";
var str3 = str1.replace(str1.match('hao'),str2.match('lixi'));
//找到str1的hao，找到str2的lixi，用str2替换掉str1
console.log(str3);
TIM图片20190121095446.png

方法七：search()：检索与字符串匹配的子串，返回的是地址

var str1 = "lixiaoqi nihaoya zaiganma";
var str2 = "nihaoya";
var str3 = "wobuzai";
var num1 = str1.search(str2);//返回的是第一个字符所在的位置
var num2 = str1.search(str3); //未检测到返回-1
console.log(num1);
console.log(num2);
TIM图片20190121095856.png

方法8：slice()：提取字符串片段，并在新的字符串中返回被提取的部分

var str1 = 'nihaoya wobuhaoya'
console.log(str1.slice(4,9)); //4位置开始，到9的前一个位置结束
console.log(str1.slice(2,14));//start位置开始，end前一个位置结束
console.log(str1);//原字符串不变
console.log(str1.slice(-1,0)); //返回的是空字符串
console.log(str1.slice(30,100)); //长度超过字符串的长度，返回空字符串
console.log(str1.slice(-1,10));//返回的是空字符串
TIM图片20190121101556.png

方法9：split()：把字符分割成数组

var str1 = "nihao-zaijian-dajiahao";
console.log(str1.split(''));
var str2 = str1.split('-');
console.log(str2);
console.log(str1);//原字符串不变
TIM图片20190121102029.png

方法10：toLocaleLowerCase()：把字符串转换成小写

var str = "NIHAOME WOHENHAOnizaiganmane";
console.log(str.toLocaleLowerCase());
var str1 = str.toLocaleLowerCase();
console.log('-----------');
console.log(str1);
console.log(str);//原字符串不变
TIM图片20190121102416.png

方法11：toLocaleUpperCase()：把字符串准换成大写

var str = "deawwWWEzaiganmane";
console.log(str.toLocaleUpperCase());
var str1 = str.toLocaleUpperCase();
console.log('-----------');
console.log(str1);
console.log(str);//原字符串不变
TIM图片20190121102730.png

方法12：toLowerCase()：把字符串转换成小写

var str = "deawwWWEzaiganmane";
console.log(str.toLowerCase());
var str1 = str.toLowerCase();
console.log('-----------');
console.log(str1);
console.log(str);//原字符串不变
TIM图片20190121103405.png

方法13：toUpperCase():把字符串转换成大写

var str = "deawwWWEzaiganmane";
console.log(str.toUpperCase());
var str1 = str.toUpperCase();
console.log('-----------');
console.log(str1);
console.log(str);//原字符串不变
TIM图片20190121103719.png

方法14：substr()：从起始索引号提取字符串中指定书目的字符

var str = "nihaoya wohenhao dajiahao"
var str3 = str.substr(3,19);//字符串中空格不占位置，从3开始，到19结束
console.log(str3);
TIM图片20190121104028.png

方法15：subString()：提取字符串中两个指定索引号之间的字符

var str = "nihaoya wohenhao dajiahao"
var str3 = str.substring(3,19);//字符串中空格占位置，从3开始，到18结束
var str4 = str.substr(3,19);//空格不占位。从3开始到19结束
console.log(str4);
console.log('-------------');
console.log(str3);
TIM图片20190121104418.png

数组array

方法1：slice[start,end]：返回从原数组中指定开始下表到结束下表之间的项组成的新数组（原数组不变）

  • 1个参数：n，即n到末尾的所有
  • 2个参数：[start,end]
var arr = [1,2,3,4,5,6,7,8];
var arr1 = arr.slice(2,6);
console.log(arr1);
//数组下表从0开始，从2开始，到6的前一个位置结束
var arr3 = arr.slice(4); //从4开始到结束
console.log(arr3);
TIM图片20190121105313.png

方法2：splice()：

  • 删除，2个参数，起始位置，删除的项数
var arr = [1,2,3,4,5];
var arr1 = arr.slice(2,3); //实际得到的新数组的项数是end-strat；
console.log(arr1);
var arr2 = arr.slice(1,5);
console.log(arr2);
console.log(arr);
TIM图片20190121105914.png
  • 插入：3个参数，起始位置，删除的项数，插入的项。
  • 替换，任意参数，起始位置，删除的项数，插入任意数量的项数

方法3：pop()：删除数组的最后一个元素，减少数组的长度，返回被删除的值

var arr = [1,2,3,4,5];
console.log(arr.length);
console.log('-----------');
var arr1 = arr.pop(); 
console.log(arr1); //5
console.log(arr.length);
TIM图片20190121110213.png

方法4：push()：将参数添加到数组的最后，返回新数组的长度

var arr = [1,2,3,4,5];
console.log(arr.length);
console.log('-----------');
var num = arr.push(6,7,8); 
console.log(num); //返回的是新数组的长度
console.log(arr); //原数组被改变成新数组
TIM图片20190121110447.png

方法5:shift()：删除数组的第一个参数，数组的长度减1，无参

var arr = [1,2,3,4,5];
console.log(arr.length);
console.log('-----------');
var arr1 = arr.shift(); 
console.log(arr1); //返回的是删除的数组的值
console.log(arr); //原数组被改变成新数组
TIM图片20190121110707.png

方法6：unshift()：像数组的开头添加一个或更多的元素，并返回新的长度。（参数不限）

var arr = [1,2,3,4,5];
console.log(arr.length);
console.log('-----------');
var arr1 = arr.unshift(2,4,5,{name:'liqi'}); 
console.log(arr1); //返回的是新数组的长度
console.log('------------');
console.log(arr); //原数组被改变成新数组
TIM图片20190121110921.png

方法7：sort():按指定的参数对数组进行排序，返回的值是经过排序后的数组（无参，函数）

var arr = [1,'q',3,6,2,'a',9];
console.log(arr);//原数组
var arr1 = arr.sort();
console.log(arr1);//返回的是排序后的数组
console.log('-------------------');
console.log(arr);//原数组变成新数组
TIM图片20190121111408.png

方法8：concat(3,4)：把两个字符串连接起来，返回的值是一个副本（参数不限）

var arr1 = [1,'q',3,6,2,'a',9];
var arr2 = [{name:'niho'},1,4];
console.log(arr1.concat(3,arr1));//新创建一个数组，原数组不变
console.log(arr1);
console.log(arr2);//原数组不变
TIM图片20190121111901.png

方法9：join()：将数组的元素组成一个字符串，以separator（分割器）

var arr1 = [1,'q',3,6,2,'a',9];
var arr2 = arr1.join(',');//以逗号分隔
var arr3 = arr1.join('');//以空格分隔
console.log(arr1);//原数组不变
console.log(arr2);
console.log(arr3);
TIM图片20190121112328.png

方法10：indexOf():从数组的开头向后查找，接受两个参数，要查找的项和查找起点的位置索引

var arr = [1,2,3,4,5,6,78];
var num = arr.indexOf(78,3);//查找78所在的位置
console.log(num); //返回的项的索引
var num1 = arr.indexOf(3,1);
console.log(num1);
var num2 = arr.indexOf(2);
console.log(num2);
console.log(arr);
TIM图片20190121112905.png

方法10 ：foeEach():对数组的每个元素执行一次提供的函数。

var array1 = ['a', 'b', 'c'];

array1.forEach(function(element) {
  console.log(element);
});
TIM图片20190121113352.png

方法11：对数组的每一项运行给定的函数，返回没戏函数调用的结果组成的数组

var array1 = [1, 4, 9, 16];
const map1 = array1.map(x => x * 2); //对数组的每项*2
console.log(map1);
TIM图片20190121113555.png

for in方法：遍历数组

var arr = [1, 4, 9, 16];
for (var i = 0; i < arr.length; i++){
    console.log(arr[i]);
}
TIM图片20190121113820.png

ES5-every和some方法：

  1. every是所有函数的每个回调都返回true的时候才会返回true，当遇到false的时候终止执行，返回false。
  2. some函数是存在有一个函数返回true的时候终止执行并返回true，否则返回false。
// every
var arr = [1,6,8,-2,-5,7,-4]
var isPositive = arr.every(function(value){
    return value > 0;
})
console.log(isPositive) // false
//some
var arr = [1,6,8,-2,-5,7,-4]
var isPositive = arr.some(function(value){
    return value > 0;
})
console.log(isPositive) // true

ES5-Array.isArray(obj)

这是Array对象的一个静态函数，用来判断一个对象是不是数组

var arr = [3,4,5]
console.log(Array.isArray(arr)); // true
// ES3的判断方法
console.log(typeof arr); // object
console.log(arr.toString()); // 3,4,5
console.log(arr instanceof Array); //true

ES5-filter(function(element))

返回数组的一个子集，回调函数用于逻辑判断是否返回，返回true则把当前元素加到返回数组中，false则不加
新数组只包含返回true的值，索引确实的不包括，原数组保持不变。

var arr = [1,6,8,-2,-5,7,-4]
var positiverArr = arr.filter(function(value){
    return value > 0
})
console.log(positiverArr); // [1, 6, 8, 7]
console.log(arr); // [1, 6, 8, -2, -5, 7, -4]

ES5-reduce(function(v1,v2),value) / .reduceRight(functio(v1,v2),value)

遍历数组，调用回调函数，将数组元素组合成一个值，reduce从索引最小值开始，reduceRight反向，方法有两个参数

  1. 回调函数，把两个值合成一个，返回结果
  2. value,一个初始值，可选
var arr = [1,2,3,4,5,6]
console.log(arr.reduce(function(v1,v2){
    return v1 + v2;
})) // 21
//开始是1+2 = 3，之后3+3 =6，之后6+4 =10，之后
//10+5 =15，最后15+6 =21
console.log(arr.reduce(function(v1,v2){
    return v1 - v2;
},100)) // 79
//开始的时候100-1=99，之后99-2=97，之后97-3=94，之后
//94-4=90，之后90-5=85，最后85-6=79
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 204,921评论 6赞 478
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 87,635评论 2赞 381
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 151,393评论 0赞 338
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 54,836评论 1赞 277
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 63,833评论 5赞 368
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,685评论 1赞 281
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 38,043评论 3赞 399
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,694评论 0赞 258
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 42,671评论 1赞 300
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2赞 321
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1赞 332
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,424评论 4赞 321
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 39,027评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1赞 260
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2赞 351
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2赞 343

推荐阅读更多精彩内容

  • 第5章 引用类型
    第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,211评论 0赞 4
  • 四、JavaScript 引用类型
      引用类型的值（对象）是引用类型的一个实例。   在 ECMAscript 中，引用类型是一种数据结构，用于将数...
    霜天晓阅读 1,035评论 0赞 1
  • bash
    官网 中文版本 好的网站 Content-type: text/htmlBASH Section: User ...
    不排版阅读 4,365评论 0赞 5
  • 六 标准库
    1 Object 对象 教程：https://wangdoc.com/javascript/stdlib/obje...
    智勇双全的小六阅读 1,572评论 0赞 0
  • 大白纸
    大白纸 大白纸现在也有，但是不像以前那么用途广泛了。当时上学的时候，特别是上小学的时候，除了作业本以外，自己用的练...
    马少军阅读 1,423评论 5赞 7