JavaScrip对象
一、JavaScript对象概述
二、数组
1、创建数组
var arr = new Array();
arr[0] = "ZS";
arr[1] = "LS";
var arr = new Array(2);
arr[0] = "ZS";
arr[1] = "LS";
arr[2] = "WW";
arr[3] = "SL";
var arr = new Array("ZS","LS","WW");
var arr = ["ZS","LS","WW"];
2.访问数组和数组长度
var arr = ["ZS",1,"LS","WW"];
/*通过索引获取数据*/
alert(arr[2]);
alert(arr.length);
3.数组的相关方法
var arr = ["ZS", "LS", "WW", "SL"];
/*1.join:将数组元素按照指定的分隔符进行分隔,返回字符串*/
var newArr = arr.join(" | ");
document.write(newArr); /*2.concat:连接数组元素和数组*/
var arr2 = ["WB","BJ"];
var arr3 = ["WB2","BJ2"];
var newArr = arr.concat("TQ","WB");/!*添加多个数组元素*!/
var newArr = arr.concat(arr2,arr3);/!*添加多个数组*!/
var newArr = arr.concat("TQ",arr2);/!*同时添加数组元素和数组*!/
document.write(newArr); /*3.push:在数组末尾添加一个或多个数组元素,返回值为新数组的长度*/
arr.push("TQ","WB");
document.write(arr); /*4.pop:删除并返回数组的最后一个元素*/
/*var deletedEle = arr.pop();
document.write(deletedEle);
document.write("<br>");
document.write(arr);*/ /*5.shift:删除并返回数组的第一个元素*/
var deletedEle = arr.shift();
document.write(deletedEle);
document.write("<br>");
document.write(arr); /*6.unshift:在头部插入数组元素,返回数组长度*/
var newArr = arr.unshift("DXE");
document.write(newArr);
document.write(arr); 7.sort :数组排序*/
/*var newArr = arr.sort();
document.write(newArr);*/
/*function sN(a,b) {
return b - a ;
}
var numArr = [97,98,89,56,73,9,10,];
var newArr = numArr.sort(sN);
document.write(newArr); /*8.reverse:数组倒序*/
var newArr = arr.reverse();
document.write(newArr); /*9.splice:删除或者添加数据 返回被删除的元素
* 1:操作元素的起点 如果为负值,从数组尾部开始操作
* 2:操作的数量
* 3:进行添补的数据*/
var newArr = arr.splice(1,1);
document.write(newArr);
var newArr2 = arr.splice(-2,1);
document.write(newArr2);
var newArr3 = arr.splice(1,0,"TQ");
document.write(newArr3);
document.write("<br>");
document.write(arr); /*10.slice:用来从数组中截取数据 返回截取的元素
* 1:截取的起点索引(包含)
* 2:截取的终点索引(不包含)如果不写,默认截取到最后一个*/
var result = arr.slice(-1);/*截取最后一个*/
var result = arr.slice(1);/*截取从第二个到最后一个*/
var result = arr.slice(1,3);/*截取从第二个到第三个*/
document.write(result);
document.write("<br>");
document.write(arr);
三、Boolean
var Ture = new Boolean(true);
var Ture = true;
alert(Ture);
四、Number
1、Number 对象属性
2、Number 对象方法
五、Date 对象
</head>
<body>
<div id="time" style="text-align: center"></div>
</body>
<script>
setInterval(function () {
var data = new Date();
var year = data.getFullYear();
var month = data.getMonth()+1;
var day = data.getDate();
var hours = data.getHours();
var minute = data.getMinutes();
var second = data.getSeconds();
var mSec = data.getMilliseconds();/*毫秒*/
var week = data.getDay() === 0 ? 7: data.getDay();
var s = year+"年"+month+"月"+day+"日"+" "+ hours +":"+ minute +":"+ second+" "+"星期"+week;
document.getElementById("time").innerHTML = s;
},1000);
</script>
六、Math 对象
<script>
var pi = Math.PI;
console.log(pi);
/*随机生成一个0~1之间的数*/
var r = Math.random();
console.log(r);
/*随机生成一个0~10之间的数*/
var a = Math.random();
console.log(Math.floor(a*11));
var b = 3.1;
var c = 3.9;
var d = 3.0;
/*floor:向下取整 忽略小数取整
*ceil:向上取整 小数位不是0,整数就加1*/
console.log(Math.floor(b));
console.log(Math.floor(c));
console.log(Math.floor(d));
console.log(Math.ceil(b));
console.log(Math.ceil(c));
console.log(Math.ceil(d));
/*abs:取绝对值*/
var e = -3.5;
console.log(Math.abs(e));
/*round: 四舍五入*/
var f = 3.6;
console.log(Math.round(f));
/*比较多个数的最小最大值*/
var result1 = Math.max(8,9,10,11);
var result2 = Math.min(8,9,10,11);
console.log(result1);
console.log(result2);
/*pow: 求幂*/
var i = 5;
var result = Math.pow(i, 3);
console.log(result);
</script>
七、Object
1.定义并创建对象的实例
var zhangSan = {
name:"zhangsan",
age:18,
height:180,
eat:function () {
alert("我会吃饭!")
}
};
2.使用函数来定义对象,然后创建新的对象实例
showMessage(zhangSan);
function showMessage(person) {
console.log(person["name"]);/*等同于:console.log(person.name);*/
console.log(person.age);
console.log(person.height);
console.log(person.eat);
};
JavaScrip对象的更多相关文章
- Javascript对象的声明
JavaScript 对象 对象由花括号分隔.在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义.属性由逗号分隔: var person={firstname:" ...
- JSON 与 JS 对象的区别与对比
定义: JSON是什么?JSON是JS的一种简单数据格式,JSON是JavaScript原生格式,它是一种严格的js对象的格式,JSON的属性名必须有双引号,如果值是字符串,也必须是双引号. 问题: ...
- this与$(this)对象
this与$(this)对象.前者是Javascript对象,而后者是jQuery是对象.两者分清楚,它们只能使用自己的方法.Javascript对象使用Javascript的方法,jQuery对象使 ...
- 【重温基础】16.JSON对象介绍
本文是 重温基础 系列文章的第十六篇. 今日感受:静. 系列目录: [复习资料]ES6/ES7/ES8/ES9资料整理(个人整理) [重温基础]1-14篇 [重温基础]15.JS对象介绍 本章节复习的 ...
- ajax测试Demo以及json简单的转化
Ajax是局部刷新,并不影响页面其他的操作 实例1:本测试是演示利用Ajax在一个页面播放视频,点击赞和踩按钮,视频不会受影响, 新建一个ajaxTest.html页面 <!DOCTYPE ht ...
- 前端MVC框架之 Angular
一.什么是Angular jQuery,它属于一种类库(一系列函数的集合),以DOM为驱动核心:而Angular是一种 MVC 的前端框架,则是前端框架,以数据和逻辑为驱动核心,它有着诸多特性,最重要 ...
- SpringMVC处理ajax请求的注意事项
.首先要知道ajax请求的核心是JavaScrip对象和XmlHttpRequest,而浏览器请求的核心是浏览器 ajax请求 浏览器请求 场景一:使用ajax获取session中的user 从上图可 ...
- JSON 序列化和解析
概述 JSON 即 (Javascript Object Notation,Javascript 对象表示法),是在Javascript中写结构化数据的方式.而JSON本身只是一种数据格式. 通常开发 ...
- Ajax 异步局部刷新
Ajax 异步局部刷新 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页 ...
随机推荐
- json进阶(一)js读取解析JSON类型数据
js读取解析JSON类型数据 一.什么是JSON? JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式,同 ...
- C++格式化输出,C++输出格式控制
在输出数据时,为简便起见,往往不指定输出的格式,由系统根据数据的类型采取默认的格式,但有时希望数据按指定的格式输出,如要求以十六进制或八进制形式 输出一个 整数,对输出的小数只保留两位小数等.有两种方 ...
- (九)UIScrollView和PageControl的分页
涉及到内容的滚动与拖拽,使用UIScrllView. 对于滚动的多张图片,由于超出屏幕,应该使用代码添加代码. 添加的细节是:图片的宽高即为滚动视图的宽高,图片的y=0,x=图片的序号乘以图片的宽度. ...
- Caffe + Ubuntu 15.04 + CUDA 7.0 安装以及配置
作为小码农的我,昨天就在装这个东东了,主要参考第一篇博文,但是过程发现很多问题,经过反反复复,千锤百炼,终于柳暗花明,我把这个caffe给搞定了,是故,我发布出来,后之来者,欲将有感于斯文~ 本分分为 ...
- Java进阶(二十一)java 空字符串与null区别
java 空字符串与null区别 1.类型 null表示的是一个对象的值,而并不是一个字符串.例如声明一个对象的引用,String a = null ; ""表示的是一个空字符串, ...
- 【matlab编程】matlab随机数函数
Matlab内部函数 a. 基本随机数 Matlab中有两个最基本生成随机数的函数. 1.rand() 生成(0,1)区间上均匀分布的随机变量.基本语法: rand([M,N,P ...]) 生成排列 ...
- Hbase节点管理
1.退役节点 (1) shell>balance_switch false 然后,hbase-daemon.sh stop regionserver (2) graceful_stop.sh U ...
- 基于ARM-contexA9-蜂鸣器pwm驱动开发
上次,我们写过一个蜂鸣器叫的程序,但是那个程序仅仅只是驱动蜂鸣器,用电平1和0来驱动而已,跟驱动LED其实没什么两样.我们先来回顾一下蜂鸣器的硬件还有相关的寄存器吧: 还是和以前一样的步骤: 1.看电 ...
- 安卓TV开发(六) 移动智能终端UI之实现类似GridView的焦点控制FocusView框架
转载请标明出处:http://blog.csdn.net/sk719887916/article/details/40045089,作者:skay 前言 安卓TV开发(五) 移动智能终端UI之实现主流 ...
- C++之虚函数
<span style="font-size:18px;">#include <iostream> using namespace std ; class ...