关于JS的总结

关于JS的总结

数组遍历

1.forEach，遍历数组每一项，与for循环类似

let arr = [];
arr.forEach((item, index) => {
	// item为当前遍历项
	// index为当前遍历项的索引
})

2.filter，遍历过滤，返回一个新数组，不会修改原数组

const Arr = arr.filter((item, index) => {
	// 返回满足条件的项，即item > 1的项
	return item > 1;
})

3.map，遍历返回新数组，新数组中的每一项为return出来的值

const Arr = arr.map((item, index) => {
	return 1;
})
console.log(Arr); // [1, 1, 1, ......]

数组增删改查

1.增

let arr = [1, 2];
// 在首部添加一个数组元素
//返回一个新的长度
arr.unshift(3); // [3, 1, 2]]
// 在尾部添加一个数组元素
//返回一个新的长度
arr.push(3); // [1, 2, 3]

2.删

// 在首部删除一个数组元素
// 返回值：被删除的项
arr.shift(); // arr = [2]
// 在尾部删除一个数组元素
arr.pop();  // arr = [1]

3.改

// 修改指定索引的数组元素
arr[2] = 3; // [1, 3]

4.查

// 查找数组元素中是否含有1；返回值boolean类型
arr.find(1); // true
// 查找指定索引下的数组元素
arr[1] // 2

截取 slice()

按照条件截取返回新数组

返回值：返回一个新数组
是否改变原数组：不改变

参数：
let ary5 = [1,2,3,4,5,6,7,8,9]; 
array.slice(n, m) // 从索引n开始查找到m处（不包含m）

array.slice(n) // 第二个参数省略，则一直查找到末尾

array.slice(0) // 原样输出内容，可以实现数组克隆

array.slice(-n,-m) //  slice支持负参数，从最后一项开始算起，-1为最后一项，-2为倒数第二项

console.log(ary5.slice(2,8));//从索引2开始查找到索引为8的内容，结果为[3, 4, 5, 6, 7, 8]  

console.log(ary5.slice(-2,-1));//[8]

数组转字符串join()

1.arr.join('分隔符')，参数可选，作为每个数组元素之间的份分隔符号

let arr = [a, c, 1, 3];
// 无分隔符情况
arr.join(); // 返回值：'ac13'
// 自定义分隔缝情况
arr.join('-'); // 返回值：'a-c-1-3'

多个数组合并concat()

参数：参数可以是具体的值，也可以是数组对象。可以是任意多个
返回值：返回连接后的新数组
是否改变原数组：不改变

let ary = ['哈'];
let newAry = ary8.concat('喽');
console.log(newAry );//["哈", "喽"]

let arrConcat = arr.concat(['1', '2']); // ['哈', '1', '2']

数组增删改splice()

增加：ary.splice(n,0,m)从索引n开始删除0项，把m或者更多的内容插入到索引n的前面,返回空数组
修改：ary.splice(n,x,m)从索引n开始删除x个，m替换删除的部分,把原有内容删除掉，然后用新内容替换掉
删除：ary.splice(n,m) 从索引n开始删除m个内容,（如果第二个参数省略，则从n删除到末尾）,返回删除的新数组，原有数组改变

  //增加
  let ary6_z = [33,44,55,66,77,88];
  ary6_z.splice(2,0,'a','b')
  console.log(ary6_z);// [33, 44, "a", "b", 55, 66, 77, 88]
  
  //修改
  let ary6_x = [33,44,55,66,77,88];
  ary6_x.splice(1,2,'x','y')
  console.log(ary6_x);// [33, "x", "y", 66, 77, 88]

  //删除
   let ary6_s = [33,44,55,66,77,88];
   //console.log(ary6.splice(3,2))//[66, 77]
   console.log(ary6_s.splice(3));//[66, 77, 88]

数组元素下标查询

检测当前值在数组中第一次出现的位置索引

参数：array.indexOf(item,start) item:查找的元素 start:字符串中开始检索的位置
返回值：第一次查到的索引，未找到返回-1
是否改变原数组：不改变

let arr = ['a','b','c','d','e','a','f'];
// 从下标0开始往后查找元素'c'
console.log(arr.indexOf('c')); // 2
// 从下标3开始往后查找元素'a'
console.log(arr.indexOf('a',3)); // 5

检测当前值在数组中最后一次出现的位置索引lastIndexOf()

参数：array.lastIndexOf(item,start) item:查找的元素 start:字符串中开始检索的位置
返回值：第一次查到的索引，未找到返回-1
是否改变原数组：不改变

let arr = ['a','b','c','d','e','a','f'];   

console.log(arr.lastIndexOf('c'));   // 2
console.log(arr.lastIndexOf('f', 1));  // -1

判断一个数组是否包含一个指定的值includes()

参数：指定的内容
返回值：布尔值
是否改变原数组：不改变

let ary13 = ['a','b','c','d']; 

console.log(ary13.includes('c'));	// true
console.log(ary13.includes('f'));	// false

数组反转reverse()

返回值：倒序后新数组
是否改变原数组：改变

let ary12 = [6,8,10,12]; 
console.log(ary12.reverse());	// [12, 10, 8, 6]