学习JS第三天

简介: 学习JS第三天

跟着黑马视频学JS第三天


对象 object


JS中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象。
属性:事物的特征  方法:事物的行为
创建对象:1、var obj = {uname = 'panziang'};
2、var obj = new Object();
obj.uname='panziang';//利用等于赋值添加对象的属性和方法
3、function 构造函数名(){
    this.属性 = 值;
    this.方法 = function() {}
}
new 构造函数名();//对象的实例化
调用属性的方法:obj.uname   obj['uname']
for (变量 in 对象){}//遍历对象 for (var k in obj){}


JS内置对象


MDN文档与W3C https://developer.mozilla.org/zh-CN/  https://www.w3school.com.cn/


1687263915939.png


Date() 日期对象


var date = new DSate();//要实例化
+new Date() valueOf() getTime() Date.now(H5新增) //当前时间距离1970年1月1号的毫秒数
+new Date();//若为空,则返回当前时间 也可以输入指定时间


数组对象


instanceof 运算符 可以用来检测是否为数组
arr instanceof Array
Array.isArray(arr)//H5新增 检测是否为数组
arr.push(参数1,,)//追加数组元素 返回值是新数组长度
arr.unshift(参数1,)//在数组开头追加元素 返回值是新数组长度
arr.pop()//删除数组的最后一个元素 返回值是删除的元素
arr.shift()//删除数组的第一个元素 返回值是删除的元素
数组排序:1、翻转数组 reverse arr.reverse(); 
          2、数组排序 sort() arr.sort();//有问题
          arr.sort(function(a,b){
              return a-b;//升序排列
              return b-a;//降序排列
          })
数组索引:arr.indexOf('a')//返回'a'在数组中的第一个索引号 如果没有'a' 返回-1
         arr.lastIndexOf('a')//倒序查找
toString()//将数组转换为字符串,默认逗号分隔
arr.join('-')//将数组转换为字符串,默认'-'分隔
arr.charAt(index)//根据位置返回字符
arr.charCodeAt(index)//返回字符的ASCII码
str[index]//H5新增


1687263932996.png


字符串


toString()//将数组转换为字符串,默认逗号分隔
arr.join('-')//将数组转换为字符串,默认'-'分隔
arr.charAt(index)//根据位置返回字符
arr.charCodeAt(index)//返回字符的ASCII码
str[index]//H5新增
substr(start,length)//从start开始,取length个字符
str.replace('被替换的字符','替换的字符')//只会替换第一个字符  可以用循环来重复替换
str.split('分隔符')//将字符串转换为数组


简单数据类型与复杂数据类型


简单类型又叫值类型 复杂类型又叫引用类型
简单数据类型:string number boolean undefined null
简单数据类型 null返回的是一个空的对象 object
复杂数据类型:通过new关键字创建的对象 例如:Object Array Date等
简单数据类型存放到栈里面 复杂数据类型存放到堆里面


相关文章
|
2月前
|
Web App开发 JavaScript 前端开发
如何学习JavaScript?
如何学习JavaScript?
54 5
|
2月前
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
34 2
|
2月前
|
存储 JavaScript 前端开发
JavaScript学习第一章
本文档介绍了JavaScript的基础知识,包括其在网页中的作用、如何通过JavaScript动态设置HTML元素的CSS属性,以及JavaScript中的变量类型(`var`、`let`、`const`)和数据类型(基本数据类型与引用数据类型)。通过实例代码详细解释了JavaScript的核心概念,适合初学者入门学习。
57 1
|
3月前
|
JavaScript
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
这篇文章介绍了如何将webpack的配置文件分离成开发环境和生产环境的配置文件,以提高打包效率。
59 1
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
|
3月前
|
JavaScript
js学习--商品列表商品详情
js学习--商品列表商品详情
33 2
|
3月前
|
JavaScript
js学习--九宫格抽奖
js学习--九宫格抽奖
24 2
|
3月前
|
JavaScript
js学习--开屏弹窗
js学习--开屏弹窗
51 1
|
3月前
|
JavaScript
js学习--抽奖
js学习--抽奖
26 1
|
3月前
|
JavaScript
js学习--隔行换色
js学习--隔行换色
34 1
|
3月前
|
JavaScript 前端开发 容器
js之dom学习
js之dom学习
57 0