JavaScript中常用到方法合集

1. 字符串的操作方法

var str = '小明爱吃萝卜';
var str2 = '小,红,爱,吃,水,果';

方法(methods)	返回值(console.log(str.methods))	作用(effect)
str.length	6	返回字符串的长度
str.charAt(2)	‘爱’	以索引检索字符串
str.indexOf(‘明’)	1	以字符串查索引
str.slice(2,5)	爱吃萝	截取字符串
str.substring(2,5)	爱吃萝	截取字符串（不接受负数）
str.substr(1,3)	明爱吃	截取字符串（参2为长度）
str.concat(str2)	小明爱吃萝卜小,红,爱,吃,水,果	连接字符串
str2.split(",")	[“小”, “红”, “爱”, “吃”, “水”, “果”]	将字符串转换成数组

2. 数值的操作方法

var num = 3.96;

方法(methods)	返回值(console.log(num.methods))	作用(effect)
num.toString()	‘3.96’	转换成字符串
num.toExponential(2)	3.96e+0	用科学计数法表示数字(四舍五入)
num.toFixed(2)	3.96	指定小数位数(四舍五入)
num.toPrecision(2)	4.0	指定数字的长度(四舍五入)
parseInt(num)	3	向下取整数
parseFloat(num)	3.96	允许浮点数
num.valueOf()	3.96	返回原数值

3. 数组的操作方法

var arr = [0,1,0,23,4];
var arr2 = [3];

方法(methods)	返回值(console.log(arr.methods))	作用(effect)
arr.length	5	获取数组的长度
arr[0]	0	索引获取数组中的元素
arr.toString()	‘0,1,0,23,4’	将数组转换成字符串
arr.join(’|’)	‘0|1|0|23|4’	将数组返回指定格式的字符串 '|'也是字符串
arr.push(2)	6	往数组最后添加元素 返回新数组的长度
arr.pop()	4	返回取出的数组中的最后一个元素
arr.unshift(6)	6	往数组最前面插入一个元素，返回数组的长度
arr.shift()	0	返回取出的数组中的最前面一个元素
arr.splice(1,1)	1	返回从索引1开始截取，截取长度为1的数组
arr.conact(arr2)	[0, 1, 0, 23, 4, 3, 5]	连接数组

4. 数组的其他的一些方法

方法(methods)	作用(effect)
sort()	对数组进行排序
reverse()	反转数组
Math.max()	求数组中的最大值
Math.min()	求数组中的最小值

• arr.sort()

var arr = [3,6,999,752,0];
arr.sort(function(a,b){
 return a-b;
})
// 自己为sort定义一个方法，从小到大进行排序
// 返回值为[0,3,6,752,999]

• arr.reverse()

var arr = [0,2,3,4,5];
arr.reverse();

// 翻转数组
// 返回值为 [5,4,3,2,0]

• Math.max()

var arr = [0,2,3];
function getMax(arr){
  return Math.max.apply(null,arr);
}
console.log(getMax(arr));
// 返回值为3

• Math.min()

var arr = [0,2,3];
function getMin(arr){
  return Math.min.apply(null,arr)
}
console.log(getMin(arr));

//返回值为0

5. 迭代数组（就是遍历数组）
   一般至少可以有两个参数(item,i)

方法(methods)	作用(effect)
.forEach()	为数组中的每个元素都绑定某个函数方法
.map()	通过对每个数组元素执行函数来创建新数组
.filter	过滤出符合条件的数组元素
.every	检查所有的数组值是否通过测试 只有全部通过才返回true
.some()	只要有一个通过测试就返回true
.reduce()	在每个数组元素上运行函数，以生成单个值(常用来计算数组元素之和)

• forEach（）

var ccc = [6,7,9,2,5,6];
ccc.forEach((item=>{
  console.log(item);
}))
// 依次返回 6 7 9 2 5 6 

• map()

var ddd = ccc.map(item=>{
  return item*2;
});
console.log(ddd);
// 返回[12,14,18,4,10,12]

• filter()

var eee = ccc.filter(item=>{
  return item>5;
})
console.log(eee);
// 返回值 [6, 7, 9, 6]

• every()

var hhh = ccc.every(item=>{
  return item>3;
});
console.log(hhh);
// 返回值为false

• some()

var iii = ccc.some(item=>{
  return item>5;
});
console.log(iii);
// 返回true

• reduce()

var fff = ccc.reduce((total,item)=>{
  return total+item;
});
console.log(fff);
// 计算所有数值的总和  35