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

你可能感兴趣的:(js,js)