1.字符串
闲话少话,直接上代码,记住看看注释
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>js字符串api演示</title></head><body></body><script>let str="人生的每一天,今天是4月9号";//显示字符串的长度console.log(str.length);// anchor() : 创建一个超链接参数为name属性,内容是该字符串console.log(str.anchor());// 索引->元素// 字符串也可以根据数组一样来,根据索引访问某个元素console.log(str[0]); //打印 人//下面的方法跟上面str[0]返回结果是一致的//charAt(): 从一个字符串中返回指定的字符console.log(str.charAt(2));console.log(str.charCodeAt(2));// 根据元素查找索引位置console.log(str.indexOf("的"));//将一个字符串或多个字符串合并console.log(str.concat(",人世间"));// 也可以使用赋值操作符 (+,+=),代替concat方法console.log(str+"今天努力的你,明天更努力");let str2="今天";//判断一个字符串中是否包含另一个字符串console.log(str.includes(str2));</script></html>
2.数组
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>js 数组</title></head><body></body><script>// 数组: 多个元素组成的集合//创建数组let arr=[123,"今天",true];//通过索引访问数组中的元素console.log(arr[1]); //打印出今天//数组的长度就是元素的个数console.log(arr.length); //打印出3//下面看看数组 API// 1. array.concat() 跟字符串的concat一样, 合并的意思let arr2=["牛逼","想不出来"];console.log(arr.concat(arr2));const array1 = [1, 2, 3, 4];//2 array.fill(value,start,end) 用一个固定值填充一个数组中从起始索引到终止索引内的全部元素, 不包括终止索引//参数说明 : 参数一是填充数组元素的值, 参数二是起始索引, 参数三是终止索引let arr3=[1,2,3,4,5];console.log(arr3.fill(0,1,3)); //[1,0,0,0,0];//3 array.filter() 创建一个新数组,提供函数实现的测试的所有元素//参数说明 : 参数一是回调函数, 参数二是执行回调函数时,可作为当前对象//参数一回调函数内有三个参数: 参数一是数组元素,参数二是索引,参数三是数组本身let arr4=[10,12,14,16,18];console.log(arr4.filter((arr4)=>arr4>14)); //[16,18]//4 array.find() 返回数组中满足条件的第一个元素的值//参数说明 : 参数一是回调函数, 参数二是执行回调函数时,可作为当前对象//参数一回调函数内有三个参数: 参数一是数组元素,参数二是索引,参数三是数组本身let arr5=["今天","你","努力",'吗'];console.log(arr5.find(Element => Element=="今天")); //打印今天//array.flat() 指定一个深度遍历数组,将所有元素跟遍历的子元素合并为一个新数组// 参数说明: 参数为深度let arr6=[1,2,3,["我也","不知道","写什么了"],4,[["123","456"]]];console.log(arr6.flat(2)); //[1, 2, 3, '我也', '不知道', '写什么了', 4, '123', '456']//看完上面的数组方法,我们再来看看简单的方法//array.from() 对类似数组或可迭代对象创建一个实例数组console.log(Array.from("人生的每一条路并不好走"));// 打印信息 ['人', '生', '的', '每', '一', '条', '路', '并', '不', '好', '走']//比较重要的方法//Array.foreach() 对数组的每一个元素进行遍历//参数说明 : 参数一是回调函数, 参数二是执行回调函数时,可作为当前对象//参数一回调函数内有三个参数: 参数一是数组元素,参数二是索引,参数三是数组本身let arr7=["无名的人","敬你一杯酒","你站在离家很远的地方"];arr7.forEach(function(element,index,arr){console.log(`元素=${element} 索引=${index}`);// 元素=无名的人 索引=0// 元素=敬你一杯酒 索引=1// 元素=你站在离家很远的地方 索引=2});//Array.includes() 判断一个数组是否包含某个符合条件的值 ,返回值为true或falselet arr8=[4343,645,1453,6453,,6565];console.log(arr8.includes(1)); //falseconsole.log(arr8.includes(4343)); //true// Array.push() 将一个或多个元素添加到数组末尾中,并将数组的长度返回let arr9=[1,2];console.log(arr9); // [1, 2] length为2arr9.push("测试");console.log(arr9); // [1, 2, '测试'] length为3//array.pop() 删除数组中最后一个元素,并返回该元素的值,更新该数组的长度let arr10=["牛逼","test",1,2,4];console.log(arr10.pop()); // 4console.log(arr10.pop()); //2//array.unshift() 将一个或多个元素添加到数组的开头,并返回该数组的新长度,arr9=['Hello',"Word"];console.log(arr9.unshift("明天会更好")); //3//array.shift() 从数组中删除第一个元素,并返回该元素的值,更新该数组的长度arr10=[100,200,300,400];console.log(arr10.shift()); //100// array.reverse() 将数组元素的位置颠倒,并返回该数组, 也就是元素第一个元素变成最后一个,最后的元素变成为第一个let arr11=[40,50,60,70];console.log(arr11.reverse()); //[70, 60, 50, 40]//array.isarray() 判断值是否为一个数组 ,返回值为true或falselet arr12=[123,"hello word"];let str='字面量';console.log(Array.isArray(arr12)); //trueconsole.log(Array.isArray(str)); //false//array.splice 通过删除或替换元素又或者原地添加元素来修改数组,以数组的形式返回被修改的内容\//参数说明: 参数一是指定修改的开始位置(从0计数) ,如果从负数(-1)开始则从数组末尾计数// 参数二是要移除的数组个数// 参数三是 添加进数组的元素,从start开始,不指定添加的话,则只删除元素let arr13=[1,2,3,4,5];console.log(arr13.splice(1,2,1,1)); //[2,3]console.log(arr13); //[1,1,1,4,5]// array.toString() 返回一个字符串let arr14=[1,2,3,"0404"];console.log(arr14.toString());</script></html>