js字符串和对象常用方法及示例(更新中)
字符串常用的方法
字符串
数组常用的方法
改变原数组的方法
1、push()末尾添加数组
- 语法:数组名:push(数组)
- 作用:往数组末尾添加数据
- 返回值:这个数组的长度
1
2
3
4
5 // push
var arr = [10,20,30,40];
var res = arr.push(20);
console.log(arr); // [10, 20, 30, 40, 20]
console.log(res); // 5
2、pop()末尾出删除数据
- 语法:数组名.pop()
- 作用:从数组的末尾删了一个数据
- 返回值: 删除的数据
1
2
3
4
5 //pop
var arr = [10, 20, 30, 40];
var res = arr.pop()
console.log(arr); // [10,20,30]
console.log(res); // 40
3、unshift()头部添加数据
- 语法:数组名.unshift(数据)
- 作用:就是在数组的头部添加数据
- 返回值:就是数组的长度
1
2
3
4
5 // unshift
var arr = [10,20,30,40];
var res = arr.unshift(99);
console.log(arr);// [99,10,20,30,40]
console.log(res);// 5
4、shift()头部删除数据
- 语法:数组名.shift()
- 作用:头部删了一个数据
- 返回值:删除数据第一个数据
1
2
3
4
5 //shift
var arr = [10,20,30,40];
var res = arr.shift();
console.log(arr);// [20,30,40];
console.log(res);// 10
5、reverse()翻转数组
- 语法:数组名.reverse();
- 作用:翻转数组
- 返回值: 返回翻转好的数组
1
2
3
4
5 //reverse
var arr = [10,20,30,40]
var res = arr.reverse();
console.log(arr);//[40,30,20,10]
console.log(res);//[40,30,20,10]
6、sort()排序
- 语法1:数组名.sort();//按照位排序
- 语法2:数组名.sort(function(a,b{return a-b})// 会正序排序
- 语法3:数组名.sort(function(a,b){return b-a})// 会倒序排序
1
2
3
4
5
6
7
8 //sort()
var arr = [2,63,48,5,4,11]
arr.sort();
console.log(arr); //[ 11, 2, 4, 48, 5, 63]
arr.sort(function(a,b){return(a-b)});
console.log(arr); // [2,3,4,11,48,63]
arr.sort(function(a,b){return(b-a)})
console.log(arr); // [63,48,11,4,3,2]
7、splice()截取数组
- 语法1:数组.splice(开始索引,多少个)
- 作用:用来截取数组的
- 返回值:返回一个截取的新数组
- 语法2:数组.splice(开始索引,多少个,要插入的数据)
- 作用:删除指定的数据,插入数据
- 注意:用开始索引开始
- 返回值:是一个新的数据
1
2
3
4
5
6
7
8
9
10
11 //splice() 语法一
var arr = [2,63,48,5,4,75]
var res = arr.splice(1,2);
console.log(arr); //[2,5,4,75]
console.log(res); //[63,48]
//*******************
//splice() 语法二
var arr = [2,63,48,5,4,75];
var res = arr.splice(1,1,99,88);
console.log(arr); // [2,99,88,48,5,4,75]
console.log(res); // [63]
不改变原数组的方法
1.concat() 合并数组
- 语法:数组名.concat(数据)
- 作用:合并数组
- 返回值:一个新的数组
1
2
3
4
5
6
7
8
9
10 //concat 示例1
var arr = [10,20,10,30,50]
var res = arr.concat(20,"小敏",50);
console.log(arr);
console.log(res);
//示例2
var a = ["google","taobao"];
var b = ["jingdong","xiaomi"];
var c = a.concat(b);
console.log(c);//["google","taobao","jingdong","xiaomi"]
2.join() 数组转字符串
- 语法:数组名.join(连接符)
- 作用:就是把一个数组转成字符串
- 返回值:字符串
1
2
3
4 var arr = [10,20,30,40,50]
var res = arr.join("+");
console.log(arr); //[10, 20, 30, 40, 50]
console.log(res);//10+20+30+40+50
3.slice()截取数据的一部分数据
- 语法:数组名.slice(开始索引,结束索引)
- 作用:就是截取数组中的一部分数据
- 返回值:新的数组
- 注意: 包前不包后 包含开始索引不包含结束索引
1
2
3
4
5 //slice
var arr = [10,20,30,40,50]
res = arr.slice(1,3)
console.log(arr);//[10,20,30,40,50]
console.log(res);//[20, 30] //不包含 对应3的索引
4.indexOf 从左检查数组中有没有这个数值
- 语法一:数组名.indexOf(要查询的数据)
- 作用:检查这个数组中有没有该数据,如果有就返回该数据第一次出现在索引,如果没有返回-1
- 语法二:数组名.indexOf(要查询的数据,开始索引)
1
2
3
4
5 //indexOf 语法一
var arr = [10,20,30,40,50];
res= arr.indexOf(10);
console.log(arr); // [10,20,30,40,50]
console.log(res); // 0
5.lastIndexOf 从右检查数组中有没有这个数值
- 语法一:数组名.lastIndexOf(要查询的数据)
- 作用:检查该数组有没有该数据,如果有就返回该数据第一次出现在索引,如果没有返回-1
- 语法二:数组名.lastIndexOf(要查询的数据,开始索引)
1
2
3
4
5
6
7
8
9
10
11 //lastIndexOf 语法一
var arr = [10,20,30,40,50];
res = arr.lastIndexOf(50)
console.log(arr); // 10,20,30,40,50]
console.log(res); // 4
// *************
//lastIndexOf 语法二
var arr =[10,20,30,40,50]
res = arr.lastIndexOf(30,2);
console.log(arr);//[10, 20, 30, 40, 50]
console.log(res);//2
对象常用的方法
object.