说明
以下是：Array数组、Promise异步编程 async await的例子，用以熟悉知识点技能。
案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js 数组 方法</title> </head> <body> <script type="text/javascript"> //创建数组的方式 //1.字面量的方式 const arr = [1,2,3] //2.使用Array构造方法 const arr1 = new Array(1); console.log(arr1) const arr2 = new Array(1,3,'array') console.log(arr2) //3.Array.of const arr3 = Array.of(1,2) console.log(arr3.length) //4.Array.from function args (...args) { let arg = Array.from(arguments,value=>value+1); console.log(arg) } args(4,7,'array') //数组的方法 //1.concat() 用于连接一个或多个数组 let arr21 = [1,4]; let arr22 = [6]; let arr23 = ['concat'] let arrConcat = arr21.concat(arr22,arr23) console.log(arrConcat) //2.copyWithin() 从数组指定位置拷贝元素到另一指定位置 console.log(arrConcat) arrConcat.copyWithin(3, 0, 3); //（开始粘贴的位置，开始复制的位置，停止复制的位置） console.log(arrConcat) //3.every 用于判断数组中是否每一项都满足条件 所有想满足返回true const arr31 = [10,5,9,6,8,20] let isTrue = arr31.every((i)=>{ return i > 1; }) console.log(isTrue) let isTrue1 = arr31.every((i)=>{ return i < 5 }) console.log(isTrue1) //4.fill() 用特定值填充数组的一个或多个元素,当只有一个元素是该参数填充整个数组 arr31.fill(1) console.log(arr31) arr31.fill(2,4) //(需要填充的值，填充值开始的位置) console.log(arr31) arr31.fill(0,2,4) console.log(arr31) //5.filter() 数组中寻找符合条件的元素 创建一个新的数组 let arr52 = [5,0,9,6,1,10] const arr51 = arr52.filter((e)=>{ if (e > 5) { return e; } }) console.log(arr51) //6.find()/findIndex() 寻找匹配条件的值/寻找匹配条件的下标 let arr61 = arr52.find((i,index)=>{ return i > 6 }) console.log(arr61,'arr61') let arr62 = arr52.findIndex((i,index)=>{ return i >3 }) console.log(arr62,'arr62') //7. froEach() 调用数组的每个元素，并将元素传递给回调函数 //8.includes() 数组中是否包含某个值 console.log(arr52.includes(5)) console.log(arr52.includes(5,3)) console.log(arr52.includes(5,3)) //includes使用===运算符来进行值比较，仅有一个例外：NaN被认为与自身相等。 //9.indexOf() 返回数组某个指定元素的位置 console.log(arr52.indexOf(9)) console.log(arr52.indexOf(5,2)) console.log(arr52.lastIndexOf(7)) //10 join() 将数组元素转换成一个字符串 console.log(arr52.join('-')) //默认逗号分割 //11 map() 按数组顺序依次处理元素 let arrMap = arr52.map((e=>{ return e * 2 })) console.log(arrMap) //12 pop() 删除数组的最后一个元素并返回 let popItem=arrMap.pop() console.log(popItem) console.log(arrMap) //13 push() 在数组的后面添加一个或多个元素 //14 reduce() 累加每一项//reduceRight() 从后到前做累加 let arrReduce = [4,5,7,0] const arrSum = arrReduce.reduce((total,number)=>{ return number + total }) console.log(arrSum) //15.reverse() 颠倒数组中元素的顺序 //16.shift() 删除数组中第一个元素，并返回删除元素，unshift() 向数组前面新增元素，并返回新数组 //17.slice() 截取字符串，并返回被截取的字符 let arrSlice = arrReduce.slice(1,4) console.log(arrSlice) //18.some() 检测数组中是否满足指定条件 如果有满足的返回true 否则返回false //19.sort() 对数组元素进行排序 let arrSort = [1,2,3,4,5] let sortItem = arrSort.sort((a,b)=>{ return a > b ? 1 : -1 }) console.log(sortItem) //20.删除/添加/替换数组中指定位置的元素 //21.toLocaleString和toString 将数组转换为字符串 console.log(sortItem.toString()) </script> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Promise 异步编程 async await</title> </head> <body> <script type="text/javascript"> function ff () { console.log('ff') } async function f0 () { console.log('我是f0') return '我是f0返回的' } async function f1 () { console.log('我是f1') return '我是f1返回的' } (async function f2 () { console.log('f2222222222') ff() await f0().then(()=>{ console.log('awaiting f0') }) await f1().then(()=>{ console.log('awaiting f1') }) console.log('f2222') })() console.log('66666') console.log('99999') console.log(f0()) console.log(ff()) //创建promise的两种方法 async function getName () { console.log('66') return 'hhh' } let f6 = function () { return new Promise ((resolve,reject)=>{ resolve('11') console.log(f6) }) } // // function foo () { // const synFun = () =>{ // return await Promise.resolve('11') // } // console.log(synFun()) // } // function bar () { // const synFun1 = function (){ // return await Promise.resolve('222') // } // console.log(synFun1()) // } function getJSON () { return '222222' } const makeRequest = async () =>{ try{ const data = JSON.parse(await getJSON()) console.log(data) }catch (err) { console.log(err) } } makeRequest() //try catch 的用法 function test () { let array = null try{ console.log(array.length) }catch(err){ console.log('异常',err) array = [] } console.log(array.length) } test() </script> </body> </html>
还没有评论，来说两句吧...