JS学习（1）

最新推荐文章于 2021-08-24 14:24:35 发布
最新推荐文章于 2021-08-24 14:24:35 发布
阅读量128 收藏
点赞数
分类专栏： JavaScript 文章标签： js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaomin_er/article/details/106092475
版权

1.JS命名规则：

  1. 只能由数字、字符、下划线和美元符号($)组成
  2. 不能以数字开头
  3. 不能是保留字和关键字
  4. 大小写敏感

2.数据类型：

弱引用类型： 给赋值什么就是什么数据类型，不建议改变数据类型
值类型(基本类型)： 字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。

复合数据类型/引用数据类型： 统称为object类型.里面包含的object类型、function、 Array、Date、RegExp

3.运算符：

  1. 算数运算符 + - * / %

  2. 关系运算符 > < >= <= != === !==

  3. 逻辑运算符：与&&，或|| 非！ 短路运算

  4. 一元运算符 ++ –

  5. 赋值运算符 = += -=

自动数据类型转换： 不同数据类型之间是没有办法进行运算，将数据转成同一数据类型，再进行计算

  1. 其中有一个操作数是字符串，运算符为 + ，别的数据类型会转成字符串，进行字符串拼接
alert("hello"+100);  //hello100
alert("hello"+true);   //hellotrue
alert("hello"+null);    //hellonull
alert("hello"+undefined);  //helloundefined
alert("hello"+NaN);     //helloNaN

  1. 任何数据和字符串 做+以外的操作，那么字符串要先转成数字再去进行运算
    (1) 如果字符串是一个纯数字字符组成的字符串，转成对应的数字
    alert(100-“20”); //80
    (2) 如果字符串中含有纯数字以外的别的字符，转成NaN,NaN和任何数据运算都是NaN
    alert(100-“20a”); //NaN

  2. 除字符串以外的数据，再进行算数运算的时候，先转成数字，再进行运算。

alert(10+true);    //11
alert(10+false);   //10
alert(10-null);     //null=>0 10
alert(10-undefined);   //NaN
alert(10-NaN);    //NaN

[注]计算机时不会进行小数运算（天生有bug）

alert(0.8-0.2);  //0.6000000000000001
alert(10/0);  // Infinity
alert(-10/0); // -Infinity
alert(Infinity+"hello");  // Infinityhello
alert(Infinity+100);   //Infinity

４.强制类型转换：

其他类型转布尔值，非0即真，非空即真
alert(Boolean(""))；//false null undefined NaN转布尔值均为false

转数字 Number(),只有数字的字符串，true,false才能转为数字

alert（Number("100a")）;//NaN
alert(Number(parseInt("10b0a"))); //10
alert(Number(NaN));  //NaN
alert(Number(undefined));   //NaN
alert(Number(null)); //0
alert(undefined==null);  //true
alert(!Infinity);//false

5.while循环

三种语法：while循环 、 do-while循环、for循环
arguments 是用来存储实际传入的参数
arguments.length 输出当前里面存储的参数个数
访问某一个数据 arguments[下标];

function show(){
alert(arguments[1]);}
show(10,true, "hello",40,50);

6.数组

数组声明

  1. 通过new创建数组 var arr=new Array(100,true, “hello”);
  2. 省略new运算符创建数组 var arr=Array(100,true, “hello”);
  3. 数组常量进行赋值 var arr=[100,true, “hello”]

[注] 前两种方式，如果传入一个数字，代表声明的数组长度
var arr=new array(10);声明一个长度为10的数组

数组的属性

 数组.length
访问数组的元素：数组[下标]； 下标从0开始 arr[1]

Math.random() [0,1)

数组遍历: for for…in for…of forEach

for(var i in arr){
	 Document.write(arr[i]+ "<br/>");
 }
 var arr = [1, 2, 3, 4, 5, 6];
arr.forEach(function (item, index, arr) {
        //item当前遍历到的元素
        //index当前哪里到元素的下标
        //arr数组本身
        document.write(item + "," + index + "," + arr + "<br/>");
      });

数组方法：

  1. 栈结构 ：
  • 数组.push(参数1，参数2，…)
    功能：给数组的末尾添加元素
    返回值：插完元素以后数组的长度,原数组发生改变
 var arr=[1,2,3,4];
 var res=arr.push(10,11);
 alert(res);    //6
 alert(arr);    //1,2,3,4,10,11
  • 数组.pop()
    功能：从数组末尾取下一个元素
    返回值：取下的一个元素，原数组为去掉元素的数组
var arr=[1,2,3,4,5];
var res=arr.pop();
alert(res);    //5
alert(arr);    //1,2,3,4
  1. 队列结构
  • push
  • 数组.shift() 无参数
    功能：从数组的头部取下一个元素
    返回值：取下的元素，原数组为去掉取下的元素
  • 数组.unshift(参数1，参数2，……)
    功能：从数组的头部插入元素
    返回值：插完元素以后数组的长度，原数组变为插入元素的数组

  1. concat() 拷贝原数组，生成新数组

    合并数组:数组.concat(数组，数据1，数据2…);
    返回值：合并成的新数组，原数组不会改变
    [注] 就算传入是数组，数组中元素中的元素要单独拆出来再进行合并

var arr1=[1,2,3];
var arr2=[10,20,30];
var newArr=arr1.concat(arr2, "hello");
alert(newArr);  //1,2,3,10,20,30,hello
alert(newArr.length);  //7
alert(arr1);   //1,2,3

  1. 截取数组元素: 数组.slice(start,end); [start,end）不包含末尾元素
    功能：可用基于当前数组获取指定区域元素[start,end），提取出元素生成新数组
    返回值：生成的新数组，原数组不会发生任何改变

  2. splice() :数组.splice(start,length,数据1，数据2，…);

start:开始截取的位置
length:截取的元素的长度
第三个参数开始：在start位置，插入的元素
返回值：截取下来的元素生成的数据 ,原数组为除去截取下来的元素

先截取元素，然后从第一个参数位置上添加数据

增加

var arr=[1,2,3,4];
var res=arr.splice(1,0, "hello");
alert(res);//空白
alert(arr);  //1,hello,2,3,4

删除

var arr=[1,2,3,4];
var res=arr.splice(1,2);
alert(res);//2,3
alert(arr);  //1,4

修改（先删除，再增加）

var arr=[1,2,3,4];
var res=arr.splice(2,1, "hello");
alert(res);//3
alert(arr);  //1,2,hello,4

  1. join() 数组.join(字符串)

    功能：将数组中的元素，用传入的拼接符，拼接成一个字符串
    返回值：拼接好的字符串，原数组不发生改变

var arr=[1,2,3,4];
var res=arr.join("=");
alert(res); //1=2=3=4
alert(arr);  //1,2,3,4
  1. reverse 逆序 数组.reverse();
    原数组发生改变
var arr=[true,100,8];
arr.reverse();
alert(arr);  //8,100,true
  1. 数组排序 数组.sort() 默认从小到大排序，按照字符串排序,原数组发生改变
var arr =[30,20,10,50,40];
arr.sort();
alert(arr); //10,20,30,40,50                   
var arr =[30,2,10,5,40];
arr.sort(); 
alert(arr);  // 10, 2, 30, 40, 5

数值大小排序，加入方法
//从小到大排序

var arr =[30,2,10,5,40];
arr.sort(function(value1,value2){
	return value1-value2
}); 

alert(arr);

arr1=[1,2,3,4];
arr2=arr1;
arr1.push(5,6);  //arr1,arr2均改变，指向同一个地址

如果不想改变arr1的值，可以使用concat方法

arr1=[1,2,3,4];
arr2=arr1,concat();
arr2.push(5,6);
  1. 数组.indexOf(item,start);

item任意的数据
start 下标 可以不传入，默认为0
功能：在数组中查找第一次出现item元素下标,从start开始取查找
返回值： -1没有查到 >=0查找到的元素的下标 原数组不发生改变

  1. map()映射 会遍历当前数组，然后调用参数中的方法，返回当前方法的返回值
    map不会改变原有数组，而是将函数执行一次之后的返回值组成一个数组，返回回来
 var arr = [2, 3, 4, 5, 6, 7];
 var newArr = arr.map(function (item, index, arr) {
       return item * 2;
      });
alert(newArr);  //4,6,8,10,12,14
alert(arr);   //2, 3, 4, 5, 6, 7
  1. 过滤 filter() 不会改变原数组
var arr = [2, 3, 4, 5, 6, 7];
var newArr = arr.filter(function (item, index, arr) {
        return item > 5;
 });
alert(newArr); //6,7
alert(arr); //2, 3, 4, 5, 6, 7
  1. 某些 some 在数组中查找是否有符合条件的元素，有的话返回true，没有返回false
    原数组不发生改变 短路操作
var arr = [2, 3, 4, 5, 6, 7];
var newArr = arr.some(function (item, index, arr) {
        return item > 5;
      });
alert(newArr); //true
alert(arr); //2, 3, 4, 5, 6, 7
  1. 每一个 every 每一个都符合条件返回true,否则返回false
    不改变原数组
var arr = [2, 3, 4, 5, 6, 7];
var newArr = arr.every(function (item, index, arr) {
        return item > 1;
      });
alert(newArr); //true
alert(arr); //2, 3, 4, 5, 6, 7
  1. reduce 归并
var arr = [2, 3, 4, 5, 6, 7];
var res = arr.reduce(function (prev, next, index, arr) {
        /* prev 第一次时 下标为0的元素
           第二次开始， 上一次遍历return的值
           next 从下标1开始  当前遍历到的元素
           arr  数组本身
             */
        alert(prev + "," + next);
        return prev + next;
      });
alert(res);  //2,3    5,4,  9,5   14,6   20,7   27

7.声明提升

内存分配，一次分配
预编译： 在所有代码运行之前，计算机将代码从头到尾看一遍，将这个程序需要运行的空间一次性分配好

alert(num);  //弹出undefined
var num=1;

变量可以声明提升，函数也可以声明提升

声明提升：在当前作用域，声明变量和函数，会直接提升在整个代码的最前面运行
局部作用域，声明提升的是在函数内部

省略var，直接取强制给一个变量赋值，这个比哪里会被JS强制声明为全局变量
【注】不建议，这属于语法错误

function show(){
	num=10;
	alert(num);//10
}
show();
alert(num);//10

8.二维数组

var arr1=[1,2,3,4];
var arr=[true,100,’hello’,arr1];
alert(arr.length);  //4

9.严格模式(写在哪个作用域下，在哪个作用域下生效)

“use strict”;
【注】尽量注意不要严格模式写在全局

  1. 全局变量声明时，必须加var
  2. this不能指向全局变量
  3. 函数内重名属性 （形参不能相同）
  4. arguments对象，只存储传实参的值，实参改变，arguments值不发生改变
  5. 新增保留字
    implements，interface,let,package,private,protected,public,static ，yield
敏儿啦
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
原生js笔试题错题点
EWJRQKJRQ的博客
08-31 631
分享几个之前做题的错题点，发现自己的理论知识还是有点差，以后会不定期分享错题 原生js笔试题错题点 下列哪些是属于DOM操作正确方法 A:removeChildren B:appendCdhild C:children D:removeChildren 正确答案BD 解析：原生js中没有removeChildren方法，children属于选择器而并非方法，children属于一个原生js node节点的属性 以下选项能够正确的随机获取数组中的元素var arr=[“张三”,“李四”,“王五”,“
JavaScript基础学习（1）
m0_51766302的博客
03-26 122
java script基本概念 概念：解释型预言 程序执行之前，不需要对代码进行编译，在运行时边解析边执行的语言 作用： HTML提供网页上显示的内容 CSS美化网页（样式） JavaScript控制网页行为 书写格式： 1.行内样式：写在标签内部 2.内嵌样式（内联样式）：写在一对head标签中 3.外链样式：写在一个单独的.js文件中，再导入进来 ...
JavaScript 测试题（2021-6-18）
qq_42684926的博客
06-18 2185
如何快速的将数组arr清空？arr.length=[0] Math.ceil(-3.14)的结果是？-3 Math.floor(-3.14) 的结果是？-4 对象可以通过哪种方式进行对象属性的遍历？forEach() var arr = [3,6,8,9]; var res = arr.slice(1,3); console.log(res)？6,8 实现数组的倒序方法？reverse() 将小写转为大写的方法是？str.toUpperCase(); js中获取当前星期，用哪个方法？getDay() va.
JS数组遍历的6种方法
qq_42526440的博客
03-25 762
1、for 遍历数组 1.1 for 的普通遍历 var name = ['Peter','Stark','Jack']; // for 循环 for(var i = 0; i < name.length; i++) { console.log(name[i]); } 1.2 for 优化版遍历 var name = ['Peter','Stark','Jack']; // 先缓存 name.length for(var i = 0, len = name.length; i < len;
js数组常用方法
weixin_43550562的博客
08-24 317
1.join() （数组转字符串） 数组转字符串，方法只接收一个参数：即默认为逗号分隔符（） <script> var arr=[1,2,3,4]; console.log(arr.join()); //1,2,3,4 console.log(arr.join(":")); //1:2:3:4 console.log(arr); //[1,2,3,4],原数组不变 </script> join()实现重复字符串 <script> function rep
个人笔记--JavaScript高级程序设计(第三版)--第五章
WiFi_Uncle的专栏
07-25 971
第五章 引用类型 Object类型 Array类型 Date类型 RegExp类型 Function类型 基本包装类型 单体内置对象 小结
JavaScript深度学习样章1
08-03
JavaScript 深度学习库 TensorFlow.js 概述 本篇文章将对 JavaScript 深度学习库 TensorFlow.js 进行详细介绍，涵盖其背景、发展历程、功能特点和应用前景。 一、深度学习的发展历程 近年来，技术领域最重要的...
JavaScript完全学习手册
07-22
资源名称：Javaｓｃｒｉｐｔ完全学习手册内容简介：本书分4篇14章，介绍Javaｓｃｒｉｐｔ的知识，全书内容包括：Javaｓｃｒｉｐｔ语法基础、流程控制、函数、内置对象编程、文档对象模型DOM与事件驱动、处理XML、...
JavaScript js基础学习 示例代码
最新发布
07-03
JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础...
JS学习-001
01-08
在本篇“JS学习-001”中，作者提到了学习JavaScript的原因，主要是因为项目需求，需要用到Vue.js这一前端框架。Vue.js的学习需要扎实的JavaScript基础知识作为支撑，尽管作者有一定的JS经验，但基础仍不够牢固。因此...
Node.js学习入门
01-20
node.js如标题一样，我也是刚开始接触，大家一起学习，有不当的地方望指正。node.js是做什么的，有什么优势等问题。首先，它是什么，它是采用C++语言编写而成的，是一个JavaScript的运行环境，也就是说：可以编写...
JavaScript有关数组的方法总结
qq_34838522的博客
01-08 197
JavaScript有关数组的方法总结 1.数组添加push()，向数组的末尾添加一个或多个元素，并返回新数组的长度。 var arr=[1,2,3]; arr.push(4,5); arr.forEach(function(index) { alert(index);//1,2,3,4,5 }); alert(arr.length);//5 2.删除数组的方法，pop()从尾部弹出
JavaScript 数组的方法(一)
atrainee的博客
07-15 130
目录 Splice 拼接 （瑞士军刀） Slice 切片 concat 连接 forEach(func) arr.indexOf、arr.lastIndexOf和 arr.includes Splice 拼接 （瑞士军刀） 功能：Splice的通常用作删除和插入元素 参数：Splice(index,deleteNum,el1,el2) 参数解析： index：指从原数组的Index索引处开始 deleteNum:删除原数组deleteNum个元素，可以为0，为0时只做插入操作 .
JavaScript基础题、练习题、考试题、面试题（二）
ZHANGJIN9546的博客
06-26 8994
1.已知字符串"hello everybody "通过下面哪个方法可以去掉字符串两端的空白 A trim() B split() C reverse() D join() 正确答案: A 解析: 使用排除法：split分割字符串；reverse反转数组；join将数组转成字符串 trim() 去除字符串两端空格 2.var array = new Array(5); array.push(...
javascript ES5中 foreach()遍历方法
weixin_44638167的博客
09-28 5798
forcach() array.forEach(function(currentValue, index, arr)) currentValue：数组当前项的值 index：数组当前项的索引 (可选) arr：数组对象本身 filter() 方法创建一个新的数组， 新数组中的元素是通过检查指定数组中符合条件的所有元素,主要用于筛选数组 注意它直接返回一个新数组 代码: <script> var arr=[50,86,12,10,0,38]; var newa
JavaScript基础练习题（二）
热门推荐
qqatt的博客
12-29 1万+
一、单选题（共30题，每题2分） 得分：2.0分 1. 已知数组 var arr = [1,2,3,4,5],执行 arr.pop() 后，数组的长度是 A 4 B 5 C 6 D 7 正确答案: A 解析: arr.pop()是删除数组后一个数据 得分：2.0分 2. Math.floor(-3.14) 的结果是（ ） A -3.14 B -3 C -4 D 3.14 正确答案: C 解析: 得...
js数组，字符串常用方法
cristina_song的博客
01-22 2911
数组对象 改变原数组的： 1.shift：将第一个元素删除并且返回删除元素，空即为undefined var arr = ['a', 'b', 'c']; arr.shift() // 'a' console.log(arr) // ['b', 'c'] 2.unshift：向数组开头添加元素，并返回新的长度 var arr = ['a', 'b', 'c']; ar...
事件处理函数
xiaomin_er的博客
08-19 1564
事件绑定 DOM 0级事件绑定 语法：事件源.on事件类型 = 事件处理函数 给一个事件源的同一个事件类型，只能绑定一个事件处理函数 DOM 2级事件（事件侦听器/事件监听器） 2-1：标准浏览器 语法：事件源.addEventListener(‘事件类型’，事件处理函数) 特点：1. 可以给同一个事件源的事件类型绑定多个事件处理函数 多个事件处理函数，顺序绑定，顺序执行 div.addEventListener('click',function(){ console.log('我被点击了'
JavaScript学习指南：编程宝典
"JavaScript学习指南.pdf" 这篇描述提及的"JavaScript学习指南.pdf"是一个面向编程学习者的资料，特别强调了JavaScript在编程中的重要性，并且提到它与jQuery的结合使用，暗示了该指南可能包含了关于JavaScript基础...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值