经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JS/JS库/框架 » JavaScript » 查看文章
javaScript(二)
来源:cnblogs  作者:recreyed  时间:2021/5/17 9:21:26  对本文有异议

javaScript(二)

1. 内置对象

JavaScript中的对象分为4种:内置对象、自定义对象、浏览器对象、DOM对象。

1.1 Math

Math.PI 圆周率

常用方法

  1. Math.random() //生成随机数
  2. Math.floor() //向下取整
  3. Math.ceil() //向上取整
  4. Math.round() //取整,四舍五入
  5. Math.abs() //绝对值
  6. Math.max() //最大值
  7. Math.min() //最小值
  8. Math.sin() //正弦
  9. Math.cos() //余弦
  10. Math.pow() //求指数次幂
  11. Math.sqrt() //求平方根

1.2 Date

Date()是构造函数

var date = new Date();

  1. // 获取1970年1月1日至今的毫秒数 (没什么用)
  2. date.getTime()
  3. date.valueOf() //原始值
  4. console.log(date.getMilliseconds()); //返回毫秒
  5. console.log(date.getSeconds()); // 返回0-59
  6. console.log(date.getMinutes()); // 返回0-59
  7. console.log(date.getHours()); // 返回0-23
  8. console.log(date.getDay()); // 返回星期几 0周日 6周6
  9. console.log(date.getDate()); // 返回当前月的第几天
  10. console.log(date.getMonth() + 1); // 返回月份,从0-11
  11. console.log(date.getFullYear()); // 返回4位的年份

1.3 Array

  1. var arr = [1, 3, 4, 6, 8];
  2. Array.isArray(arr) //判断是否为数组
  3. arr.valueOf() //返回数组对象本身
  4. arr.reverse() //翻转数组

1.3.0 数组增删

  1. arr2.push(60, 70, 80); //从最后添加一个或多个值
  2. arr2.pop(); //从最后删除一个值
  3. arr2.unshift(11, 22, 33); //从开始添加一个或多个值
  4. arr2.shift(); //从开头删除一个值

1.3.1 排序方法

sort()

  • 没有指定参数
  1. var arr = [1, 3, 4, 6, 8];
  2. arr.sort() // 默认排序顺序是在将元素转换为字符串,然后按照UTF-16代码单元值序列排序
  • 指定参数

如果 compareFunction(a, b) 小于 0 ,那么 a 会被排列到 b 之前;

如果 compareFunction(a, b) 等于 0 , a 和 b 的相对位置不变。!不兼容所有浏览器

如果 compareFunction(a, b) 大于 0 , b 会被排列到 a 之前。

  1. arr.sort(function compare(a, b) {
  2. if (a < b ) { // 按某种排序标准进行比较, a 小于 b
  3. return -1;
  4. }
  5. if (a > b ) {
  6. return 1;
  7. }
  8. return 0;
  9. })

要比较数字而非字符串,比较函数可以简单的以 a 减 b,如下的函数将会将数组升序排列

  1. arr.sort(compareFunction)
  2. function compareFunction(a, b) {
  3. return a - b;
  4. }

1.3.2 操作方法

concat()

把参数拼接到当前数组、 或者用于连接两个或多个数组

  1. var arr1 = ["zx", "aq"]
  2. arr1.concat("asd")
  3. arr1.concat(arr)

slice(start,end)

从start开始截取元素,到end结束,包括start,不包括end,返回新数组,start,end是索引;

不会改变原数组

  1. var arr2 = [1,2,3,4,5];
  2. arr2.slice(0,3) //取[1,2,3]

splice(start,length)

从start开始截取元素,截取length个,返回新数组,start是索引,length是个数

会改变元素的数组

  1. var arr2 = [1,2,3,4,5];
  2. arr2.splice(0,3) //取[1,2,3]

1.3.3 位置方法

indexOf()

返回数组中指定元素的第一个值的索引,不存在返回-1

lastIndexOf()

从后向前找指定元素的第一个值的索引,不存在返回-1

1.3.4 迭代方法

forEach()

用于调用数组的每个元素,并将元素传递给回调函数

传一个参数 value是数组值,两个参数 index是索引号

  1. var arr3 = [1, 2, 3, 4, 5]
  2. arr3.forEach(function (value,index) {
  3. console.log(value);
  4. console.log(index);
  5. });

every()

判断回调函数中的表达式是否全部满足,如果满足,返回值就是true,只要有一个不满足就是false

  1. arr3.every(function (value) {
  2. return value<3; //返回false
  3. });

some()

判断回调函数中的表达式是否有一个满足,如果至少一个满足,返回值就是true

  1. arr3.some(function (value) {
  2. return value<3; //返回 true
  3. });

filter()

根据指定条件过滤元素,返回新数组

  1. arr3.filter(function (value) {
  2. return value>3; //返回新数组[4,5]
  3. });

map()

根据数学运算,返回新数组

  1. arr3.map(function (value) {
  2. return Math.pow(value,2); //返回新数组[1,4,9,16.25]
  3. });

1.3.5 清空数组

  1. 推荐 arr = []
  2. arr.length = 0
  3. arr.splice(0, arr.length)

1.3.6 数组转化字符串

join() 数组转化为字符串,以参数分割

  1. var arr4 = [1, 2, 3, 4, 5]
  2. console.log(arr4.join(""));

1.4 基本包装类型

当基本数据类型String/Number/Boolean直接调用方法的时候,javaScript会把String/Number/Boolean类型的变量

包装成对应的临时对象,再调用内置对象String/Number/Boolean方法,最后销毁临时对象

Number/Boolean的基本包装类型基本不用,容易引起歧义

1.5 String

  1. var str = 'abc';
  2. str = 'hello';

当重新给str赋值的时候,常量'abc'不会被修改,依然在内存中

重新给字符串赋值,会重新在内存中开辟空间,这个特点就是字符串的不可变

由于字符串的不可变,在大量拼接字符串的时候会有效率问题

1.5.1 取值方法

  1. charAt(0) //获取指定位置处字符
  2. str[0] //HTML5,IE8+支持 和charAt()等效

1.5.2 操作方法

  1. concat() //拼接字符串(不常用)
  2. slice(start, end) //从start位置开始,截取到end位置,end取不到
  3. substring(start, end) //从start位置开始,截取到end位置,end取不到
  4. substr(start, length) // 从start位置开始,截取length个字符
  5. indexOf() //返回指定内容在元字符串中的位置,如果没有,返回-1;(从前往后,检索到第一个就结束)
  6. lastIndexOf() //返回指定内容在元字符串中的位置,如果没有,返回-1;(从后往前,检索到第一个就结束)
  7. trim() //只能去除字符串前后的空格
  8. toUpperCase() //转换大写
  9. toLowerCase() //转换小写
  10. search()//方法用于检索字符串中指定的子字符串,返回子字符串的起始位置
  11. replace(old, new) //替换字符串 new替换old 只能替换找到的第一个
  12. split() //分割字符串 返回的是一个数组。数组的元素就是以参数的分割的

原文链接:http://www.cnblogs.com/recreyed/p/js2.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号