javascript学习笔记1

傷城~ 2022-12-14 03:39 178阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    
    <body>
        <script>
            // var arr1 = [1, 2, 3];
            // //第一种
            // function reverse1(array) {
            //     var newArr = [];
            //     for (var i = array.length - 1; i >= 0; i--) {
            //         //newArr.length最开始是0
            //         console.log(newArr.length);
            //         newArr[newArr.length] = array[i];
            //     }
            //     return newArr;
            // }
            // console.log(reverse1(arr1));
            // //为什么length变成3了
            // console.log(reverse1(arr1).length);
    
            // //第二种方法
            // var array = [1, 2, 3, 4, 5, 6];
            // function reverse2(array) {
            //     for (var i = 0; i < array.length / 2; i++) {
            //         var temp = array[i];
            //         array[i] = array[array.length - 1 - i];
            //         array[array.length - 1 - i] = temp;
            //     }
            //     return array;
            // }
            // array = reverse2(array);
            // console.log(array);
    
            // var arr5 = ["a", "b", "c", "d", "a", "b", "e"];
            // //{}是一个对象，存储键和值
    
            // //不太理解这个
            // var json = {};
            // for (var i = 0; i < arr5.length; i++) {
            //     //[]表示对象的属性和方法，json[arr5[i]]相当于json.arr5[i]
            //     //第一次执行else语句。
            //     // console.log(json[arr5[i]]);
            //     if (json[arr5[i]]) {
            //         json[arr5[i]] += 1;
            //     } else {
            //         json[arr5[i]] = 1;
            //     }
            // }
            // console.log(json);
    
            //思路：创建一个新数组，循环遍历，只要新数组中有老数组的值，就不再添加了
            var arr2 = [1, 2, 3, 4, 5, 4, 3, 2, 0];
            console.log(arr2);
            console.log(fn3(arr2));
            function fn3(array) {
                var newArr = [];
                for (var i = 0; i < array.length; i++) {
                    //开闭原则
                    var bool = true;
                    //每次都要判断数组中是否有旧数组中的值。
                    for (var j = 0; j < newArr.length; j++) {
                        if (array[i] === newArr[j]) {
                            bool = false;
                        }
                    }
                    if (bool) {
                        newArr[newArr.length] = array[i];
                    }
                }
                return newArr;
            }
        </script>
    </body>
    
    </html>

<script>
            //对象本身没有length，所以不能用for循环遍历
            //要用for...in...循环
    
            var aaa = { "1": "我最爱", "2": "吃", "3": "红烧肉" };
            for (var k in aaa) {
                console.log(k);
                console.log(aaa[k]);
            }
    
            var json = {};
            console.log(json);
            for (var i = 1; i < 10; i++) {
                json[i] = i * 10;
    
            }
            console.log(json);
            //参数赋值的时候，复杂数据类型传地址(堆)
            var obj = new Object();
            obj.name = "zs";
            fn2(obj);
            console.log(obj);
    
            function fn2(obj) {
                obj.name = "花花";
            }
    
            //简单数据类型传数值（栈）
            var num = 1;
            fn1(num);
            console.log(num);
            console.log(fn1(num));
    
            function fn1(sz) {
                num = sz * 5;
                return num;
            }
    
            //数组定义方法
            var arr1 = [1, 2, 3];
            var arr2 = new Array(1, 2);
    
            var str1 = new String("abc");
            var str2 = "abc";
            // instanceof 表示是否符合对象
            console.log(arr1 instanceof Array);
            console.log(arr2 instanceof Array);
            console.log(str1 instanceof String);
            console.log(str2 instanceof String);
    
            //数组转换
            console.log(arr1);
            console.log(arr1.toString());
            console.log(typeof arr1.toString());
    
            //join是把数组元素用特殊方式链接成字符串
            //参数决定用什么链接，无参默认用逗号链接
            var arr = ["小姐姐", "有", "一只", "加菲猫"];
            var str1 = arr.join();
            var str2 = arr.join(" ");//如果用空格，则是空格链接
            var str3 = arr.join("");//用空字符串链接，则无缝链接
            console.log(str1);
            console.log(str2);
            console.log(str3);
    
            var arr = [];
            console.log(arr.push(1));
    
            fn(1, 2);
            fn(1, 2, 3, 4, 5);//实参
            function fn(a, b) {
                //只在函数中使用，实参的数组
                //a,b是形参
                console.log(arguments);
                //伪数组
    
                //数组排序：sort(功能很强大，能对数字和字母进行排列)
                //问题：只能通过第一位排列，解决问题方法：设计的时候就是这么设计，可以通过回调函数
                var arr2 = [9, 3, 7.45, 43, 86, 1, 4, 0, 32, -6];
                console.log(arr2);
                console.log(arr2.sort());
                console.log(arr2.sort(function (a, b) {
                    return a - b;
                }));
                var arr4 = ["鼠标", "键盘侠客", "租房", "智齿两颗"];
                arr4.every(function (element, index, array) {
                    console.log(element);
                    console.log(index);
                    console.log(array);
                    return true;
                });
    
                //filter返回值是一个新数组，return为true的数组。
                var arr1 = arr4.filter(function (ele, index, array) {
                    //ele.length 表示元素的字符长度
                    if (ele.length > 2) {
                        return true;
                    }
                    return false;
                });
                alert(arr1);
    
            }
        </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，178人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript初学学习笔记3：JavaScript函数知识点（1）

基本语法函数对任何语言来说都是一个核心的概念。通过函数可以封装任意多条语句，而且可以在任何地方、任何时候调用执行。JavaScript 中的函数使用 function

古城微笑少年丶/ 2023年02月28日 11:22/ 0 赞/ 38 阅读

相关 javascript学习笔记1

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

傷城~/ 2022年12月14日 03:39/ 0 赞/ 179 阅读

相关 JavaScript进阶1-学习笔记

文章目录 JavaScript进阶1 预解析作用域面向对象的写法 JavaScript

叁歲伎倆/ 2022年10月12日 01:32/ 0 赞/ 226 阅读

相关 JavaScript学习笔记(1)

1、JavaScript 是一种轻量级的编程语言，是可插入 HTML 页面的编程代码，插入 HTML 页面后，可由所有的现代浏览器执行。 2、写入HTML输出

灰太狼/ 2022年08月20日 11:10/ 0 赞/ 151 阅读

相关 JavaScript学习笔记1

简介 ECMA-262标准定义了语言的基础 ECMAScript 实现了该标准的语言 JavaScript(Netscape Navigator),J

本是古典何须时尚/ 2022年08月05日 05:28/ 0 赞/ 172 阅读

相关【Javascript笔记】1.1Javascript简介

1.1.1 JS发展历史目前，Javascript由ECMAScripit、Dom、和Bom三者组成 1.1.2 JS特点以及命名规范 JavaScript是一种

淡淡的烟草味﹌/ 2022年06月11日 03:55/ 0 赞/ 210 阅读

相关 JavaScript学习笔记(1)

1. 在HTML中编写JavaScript脚本代码： 1)script元素可以在文档中包含一段JavaScript脚本代码。并且该元素可以在HTML中出现任意次，可以位于he

不念不忘少年蓝@/ 2022年05月17日 05:18/ 0 赞/ 166 阅读

相关 JavaScript高级程序设计学习笔记（1）

JavaScript高级程序设计学习笔记 1.对JavaScript实现各个组成部分的详尽解读 2.对JavaScript面向对象编程的全方位阐述 3.DOM，B

落日映苍穹つ/ 2022年03月30日 03:49/ 0 赞/ 246 阅读

相关 javascript学习笔记

javascript是一种轻型的.解释型的程序设计语言.而且具有面向对象的能力.该语言的通用核心已经嵌入了Netscape.Internet Explorer和其他的Web浏览

左手的ㄟ右手/ 2022年01月07日 09:29/ 0 赞/ 355 阅读

相关 JavaScript学习笔记[1]---入门

前端时间也一直在接触JavaScript的一些东西，最近陆续要做一些笔记，方面以后查阅。不知道怎么开始，先从Douglas Crockford的《JavaScript：The

绝地灬酷狼/ 2021年11月11日 16:24/ 0 赞/ 410 阅读