Js字符串api以及数组api演示 -

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或false
                let arr8=[4343,645,1453,6453,,6565];
                console.log(arr8.includes(1)); //false
                console.log(arr8.includes(4343)); //true
                // Array.push()  将一个或多个元素添加到数组末尾中,并将数组的长度返回
                let arr9=[1,2];
                console.log(arr9); // [1, 2] length为2
                arr9.push("测试");
                console.log(arr9);  // [1, 2, '测试'] length为3
                //array.pop()   删除数组中最后一个元素,并返回该元素的值,更新该数组的长度
                let arr10=["牛逼","test",1,2,4];
                console.log(arr10.pop());  // 4
                console.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或false
                let arr12=[123,"hello word"];
                let str='字面量';
                console.log(Array.isArray(arr12)); //true
                console.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>