js常用数组字符串方法

一、常用数组方法

创建数组

let arr = new Array(); // 创建一个新的数组

数组的增删改查

let arr = [1,2,3,4]
arr.push('5') // 数组末尾添加1个或多个 返回数组新的长度
arr.unshift('0') // 往数字开头添加一个或多个元素，返回数组新的长度

arr.pop() // 删除数组最后一个元素，并返回被删除的元素
arr.shift() // 删除数组第一个元素，并返回被删除的元素
detele arr[0] // 删除指定位置数组元素 delete可以删除，但只删除值，位置会被undefined填充，形成稀疏数组
arr.length = 0; //通过更改length清空数组

arr[0] = 9 //修改数组中某一个元素 返回修改的元素

 

indexOf()

作用：返回数组中制定元素的位置，若是没有找到就返回-1

arr.indexOf(2) // 返回在数组中的位置 2

arr.indexOf(9) // -1 数组中没有这个元素 所以返回-1

forEach()

forEach(callback) 返回值为undefined

Callback 有三个参数 a.当前元素(必选) b.当前元素在数组中的索引值 c.当前正在操作的数组

let arr = [1,2,3,4]
let newArr = [];
arr.forEach((item, index, arr) => {
  newArr.push(item) // [1,2,3,4]
})

map()

作用：返回一个新数组 返回的新数组中的元素是原数组的元素处理之后的值

let arr = [1,2,3,4];
let newArr = arr.map((item) =>{
  return item *2 // [2,4,6,8]
})

reduce()

作用：接收一个函数作为累加器 数组中的每个值（从左到右）开始缩减，最终计算为一个值。、

let arr = [1,2,3,4]
function getSum(total,item){
  return total + item
}

let info = arr.reduce(getSum) // 10
let info1 = arr.reduce(getSum,4) // 14

filter() (函数过滤器)

作用：返回一个新数组，新数组中的元素是符合条件（true）的元素

let arr = [1,2,3,4]
let newArr = arr.filter((item) =>{
  return item >=3
}) // [3,4]

every()

作用：返回值是一个布尔值。 用于检测数组中所有元素是否都符合条件，只要有一个元素不符合 就不会再进行检查，直接返回false，如果所有元素都符合 则返回ture

let arr =[2,4,6,8,9]
let info = arr.every((item) =>{
  return item % 2 === 0;
}) // ture

some()

作用：返回值是一个布尔值。用于检测数组中是否有元素符合条件，只要有一个符合条件的元素 则返回true 剩余元素则不会再执行 如果全部元素都不符合 则false。

var arr = [2,4,5,6,8,10];
//判断是否有奇数
var info = arr.some(function(item){
    if(item % 2 ！== 0){
        return;
    }
})

join()

作用：把数组中的元素 转换成一个字符串

let arr = ['hello','world','!']
let info = arr.join(''); // helloworld!

reverse()

作用：颠倒数组中元素的位置 （更改原数组）

var arr = [4,56,87,2,3];
arr.reverse(); //[3,2,87,56,4]

sort()

作用：对数组进行排序（更改初始数组）

参数callback：

​ 1）第一个用于比较的元素

​ 2）第二个用于比较的元素

let arr = [4,56,87,2,3];

arr.sort(function(arg1,arg2){
    return arg1 - arg2 ;
});

console.log(arr);//[2,3,4,56,87];

slice()

可从已有的数组中返回选定的元素

两个参数：包括开始不包括结束

1. began：开始的索引
2. end：结束的索引

var arr = [1,3,4,5,6,7];

var info = arr.slice(1,3);
console.log(info);//[3,4];

splice()

作用：用于添加或删除数组中的元素（会改变原数组）

内含三个参数：

1. 第一个是开始的索引
2. 第二个是选中元素的个数
3. 第三个是添加的元素

var arr = [1,3,4,5,6,7];

var info = arr.splice(1,1,'a');

console.log(info);//3
console.log(arr);//[1,'a',4,5,6,7]

isArray()

作用：判断是不是数组

var arr = [1,3,4,5,6,7];

var info = Array.isArray(arr);

console.log(info);//true

二、常用字符串方法

indexOf()

作用：返回一个字符在字符串中首次出现的位置

var str = 'hello world';

str.indexOf('o'); //4

lastIndexOf()

作用：返回一个字符在字符串中最后一次出现的位置

var str = 'hello world';

str.lastIndexOf('o'); //7

Match()

作用：可以在字符串中检索指定的值（可以和正则配合）

var str = 'hello world';

var info = str.match('o');
console.log(info);//Array[0:'o',index:4,input:'hello world',length:1]

replace()

作用：可以在字符串当中使用一些字符替换另一些字符（可以和正则搭配）

var str = 'hello world';

var info = str.replace('lo','**');
console.log(info);//hel** world

search()

用于在字符串当中检索查找指定的字符（可以和正则配合）

var str = 'hello world';

var info = str.search('o');

console.log(info);//4j

slice()

可以从字符串中截取指定的字符

var str = 'hello world';

var info = str.slice(1,3);

console.log(info);//el

split()

可以把字符串分割成字符串

参数：

1. 第一个参数表示控制的切割符
2. 第二个参数表示数组里面的长度（可以存入几个数据）

var str = 'hello world !';

var info = str.split(' ',2);

console.log(info);//['hello','world'];

subString()

从开始和结束的中间截取字符串。

var str = 'hello world';

var info = str.substring(1,3);

console.log(info);//el

subStr()

可以从字符串当中抽取从开始位置指定的个数的字符

var str = 'hello world';

var info = str.substr(2,2);

console.log(info);//ll

toUpperCase()

把字符串大写

var str = 'HELLO WOLRD';

var info = str.toLowerCase();

console.log(info);//hello wolrd;

toLowerCase()

把字符串中的字符小写

var str = 'HELLO WOLRD';

var info = str.toLowerCase();

console.log(info);//hello wolrd;

concat()

作用：拼接两个字符串

let str1 = 'hello';
let str2 = 'world';
let info = str1.concat(str2) // helloworld

charAt()

作用：返回在字符串中 指定位置的字符

let str = 'HELLO WORLD';
let info = str.charAt(2) // L

charCodeAt()

作用：返回指定位置的字符的Unicode编码

let str = 'HELLO WORLD';
let info = str.charCodeAt(2) // 76

fromCharCode

根据Unicode表的值创建一个字符

String.fromCharCode(76) // L