基于前面文章的介绍的数据类型部分中的函数和数组进行介绍。
目录
[1. 函数](#1. 函数)
[1.1 无参](#1.1 无参)
[1.2 简单参数](#1.2 简单参数)
[1.3 参数默认值](#1.3 参数默认值)
[1.4 匿名函数](#1.4 匿名函数)
[1.5 箭头函数](#1.5 箭头函数)
[2. 数组](#2. 数组)
[2.1 数组基本定义](#2.1 数组基本定义)
[2.2 push](#2.2 push)
[2.3 unshift](#2.3 unshift)
[2.4 shift](#2.4 shift)
[2.5 pop](#2.5 pop)
[2.6 splice](#2.6 splice)
[2.7 reverse](#2.7 reverse)
[2.8 sort](#2.8 sort)
[2.9 filter](#2.9 filter)
[2.10 for...of](#2.10 for...of)
[2.11 forEach](#2.11 forEach)
1. 函数
1.1 无参
// 1.定义无参的函数
function getWeb(){
let web = 'baidu.com';
// console.log(web);
// 或者return
return web; //并没有打印
}
console.log(getWeb());1.2 简单参数
// 2.简单的传参数
function add(number){
// return 返回
return number + 10;
}
console.log(add(20));1.3 参数默认值
// 3.参数默认值
function getPage(page = 1){
return page;
}
console.log(getPage()); // 没有传任何参数 只是调用这个方法
// 默认值1
// 当传入一个参数时
console.log(getPage(11)); // 传入值 就输出传入的值 默认值被覆盖1.4 匿名函数
// 4.匿名函数
// 前面的函数都有自己的名字 比如getWeb add
// 匿名函数没有，所以通常用作回调函数
let sub = function(x,y){ // 将匿名函数赋值给sub变量
return x-y;
}
console.log(sub(30,5)); // sub此时就相当于匿名函数的函数名
// 回调函数 是一种在特定事件或条件发生时被调用的函数，通常用于异步编程
// 比如success是ajax中的一个回调函数1.5 箭头函数
// 5.箭头函数
// 使用一个变量来接收这个函数
// 形式：(参数) => {函数体}
let plus = (a,b) => {
return a+b;
}
console.log(plus(30,5));
// 隐式返回
// 在函数体内只有一个表达式的情况下, 可以省略花括号 {} 和 return 关键字
let plus1 = (a,b) => a+b;
console.log(plus1(20,5));2. 数组
2.1 数组基本定义
// 1.数组基本定义
let arr = [10,11];
console.log('arr',arr);2.2 push
// 2.push 末尾添加元素
let arr1 = arr.push(12,13); // 数组末尾添加
console.log(arr1); // 4 arr1变量 返回的是数组的长度
console.log(arr); // [10,11,12,13];2.3 unshift
// 3.unshift 开头添加元素
let arr2 = arr.unshift(8,9);
console.log(arr2); // 长度 6
console.log(arr); // [8,9,10,11,12,13]2.4 shift
// 4.shift删除数组中第一个元素，并返回被删除的元素
let delElement = arr.shift();
console.log(delElement); // 被删除的是8
console.log(arr);2.5 pop
// 5.pop删除最后一个元素
let delElement1 = arr.pop();
console.log(delElement1); // 13
console.log(arr);2.6 splice
// 6.splice删除指定和指定数量/位置元素
// let delArr = arr.splice(2,1);
// 2代表删除第三个元素 从索引2开始 1代表删除1个元素
// console.log(arr);
// console.log(delArr); // 存储的删除的数组
// 想要删除第三到第四个元素
let delArr1 = arr.splice(0,2);
console.log(arr);
console.log(delArr1);2.7 reverse
// 7.reverse颠倒数组中元素的位置
arr.reverse();
console.log(arr);2.8 sort
// 8.sort数组中的元素按照首字母排序
let arr3 = ['banana','apple','orange'];
arr3.sort();
console.log(arr3); // a b o 排序
// 给数字的排序
let arr4 = [5,20,13,1,4];
// arr4.sort();
// console.log(arr4); // [1, 13, 20, 4, 5] 是按照首数字排序的
// 这里运用比较函数
// (a,b) => a-b; 从小到大排序
arr4.sort((a,b) => a-b);
console.log(arr4);
// (a,b) => b-a; 从大到小排序
arr4.sort((a,b) => b-a);
console.log(arr4);2.9 filter
// 9.filter筛选符合条件的数组 并返回一个新的数组
let arr5 = [10,11,12,13,14,15];
// 要获取所有大于12的元素
// value是每个数组的值 每个值进入函数体进行比较
// 箭头函数
let newArr5 = arr5.filter((value) => {
return value > 12;
})
console.log(newArr5);2.10 for...of
// 10.for...of循环遍历数组
let arr6 = ['zzz','aaa',18];
for(let value of arr6){
console.log(value);
}2.11 forEach
// 11.forEach遍历数组
// 数组.forEch((k) => {}) 箭头函数
arr6.forEach((k) => {
console.log(k);
})
// 打印出他的索引 添加一个index
arr6.forEach((k,index) => {
console.log(k,index);
}) 本文是对函数和数组的操作方法的介绍。