javascript-js中技巧集合

1.值的转换

在JavaScript中,一共有两种类型的值:原始值(primitives)和对象值(objects).原始值有:undefined, null, 布尔值(booleans), 数字(numbers),还有字符串(strings).其他的所有值都是对象类型的值,包括数组(arrays)和函数(functions).

1.1 通过ToPrimitive()将值转换为原始值

JavaScript引擎内部的抽象操作ToPrimitive()有着这样的签名:

ToPrimitive(input, PreferredType?)

可选参数PreferredType可以是Number或者String,它只代表了一个转换的偏好,转换结果不一定必须是这个参数所指的类型,但转换结果一定是一个原始值.如果PreferredType被标志为Number,则会进行下面的操作来转换输入的值 (§9.1):

1.如果输入的值已经是个原始值,则直接返回它.

2.否则,如果输入的值是一个对象.则调用该对象的valueOf()方法.如果valueOf()方法的返回值是一个原始值,则返回这个原始值.

3.否则,调用这个对象的toString()方法.如果toString()方法的返回值是一个原始值,则返回这个原始值.

4.否则,抛出TypeError异常.

如果PreferredType被标志为String,则转换操作的第二步和第三步的顺序会调换.如果没有PreferredType这个参数,则PreferredType的值会按照这样的规则来自动设置:Date类型的对象会被设置为String,其它类型的值会被设置为Number.

http://www.cnblogs.com/ziyunfei/archive/2012/09/15/2685885.html

变量var定义提前

不再严格模式下，不使用var关键字就可以声明一个全局变量（不推荐使用这种方式）

这种声明在严格模式下是不行的

建议使用window.name = "xxxxx";这种命名方式来

一般在底部声明变量

常量const关键字

js == 与 === 的区别[转]

1、对于string,number等基础类型，==和===是有区别的

1）不同类型间比较，==之比较“转化成同一类型后的值”看“值”是否相等，===如果类型不同，其结果就是不等

2）同类型比较，直接进行“值”比较，两者结果一样

2、对于Array,Object等高级类型，==和===是没有区别的

进行“指针地址”比较

3、基础类型与高级类型，==和===是有区别的

1）对于==，将高级转化为基础类型，进行“值”比较

2）因为类型不同，===结果为false

Global对象

属性： Infinity / NaN / undefined / null

方法： eval() / isFinite() / isNaN() / parseFloat() / parseInt() / decodeURI() / decodeURIComponent()

encodeURI() / encodeURIComponent()

单体内置对象eval和math

eval()  解析字符串为js脚本并执行


1

string  str = ‘console.log("this is eval")‘;

严格作用域下，eval()里面是一个域，不影响外面的值

并不推荐用eval，效率低，容易被跨域攻击，能不用eval就尽量不用

严格作用域的用法


1

2

3

4

5

6

‘use strict‘

var numtemp = 1;

console.log("numtemp:",numtemp);

eval(‘var numtemp = 2;console.log("numtemp:",numtemp)‘);

console.log("numtemp:",numtemp);

//eval里面的内容不会影响外面的变量

Math对象的属性

Math.PI

Math.E

Math.SQRT2

Math.max()

Math.min()

Math.round()    四舍五入

Math.ceil()           有小数就近一位

Math.floor()          舍去小数位

Math.random()   生成0-1内的随机数

生成范围内的随机数


1

2

3

function randBetween(min,max){

             return min + Math.random*(max-min);

}

对象成员的两种访问方法

点表示法

中括号表示法

Object.keys(obj)  取键值函数的用法


1

2

3

var obj = {a:1,b:2,c:3};

Object.keys(obj);  // => [‘a‘,‘b‘,‘c‘]

Object.keys(obj).length // => 3

toString函数


1

2

var arr = Object.keys(obj);

arr.toString();  // => ‘a,b,c‘

join函数


1

2

var arr = Object.keys(obj);

arr.join("ss");  // => ‘assbssc‘

数组

初始化、检查

1.数组里面什么都可以放，js的7中对象都可以放

2.数组是从0开始索引的

初始化方法

1.构造函数方法


1

2

3

var arr = new Array();  //空的数组

var arr = new Array(3);  //声明长度为3的数组

var arr = new Array(‘jing‘,‘ya‘);  //声明长度为2的数组

2.字面量方法（没法直接指定成员的个数）


1

2

3

4

var arr = [];

var arr = [‘jingya‘,‘ya‘];

arr[3] = ‘xiaolizi‘;  // 自动创建这个成员

arr[6] = ‘new‘;       // 自动创建4，5成员为undefined

数组的检查（数组不属于基本数据类型，object也是，所以不能使用typeof）

不能使用typeof

instanceof  关键字


1

arr instanceof Array  // 返回true

Array.isArray()


1

Array.isArray(arr);  // 返回的还是true

转换和排序

按照字符串的顺序排序，都会修改数组本身的

sort()   ，这个sort里面还可以放函数


1

2

3

4

5

6

var arr = [11,2,3,23,55];

function compareAB(a,b){

     return a>b;

}

arr.sort(compareAB);

console.log(‘after sort ‘,arr);

reverse()

栈和队列操作

栈操作，后进先出

push()  后进   ，返回一个新数组的长度   有参数

pop()   后出   ，返回弹出的那个数字       没有参数

队列操作，先进后出

push()   从后压入数据

shift()    从前弹出数据

unshift() 从前压入数据

其他操作

arr.concat(arr1)   两个数组之间的连接

arr.slice(2,5)    // 只取 2,3,4，不取5，不影响原数组本身

arr.splice(1,1)   // 从索引1开始截取一个返回数组，原来的数组就变了

arr.splice(1,0,false,‘str‘)  // 从第1位开始删除0个，插入false和str两个字符

indexOf() / lastIndexOf()  //

indexOf(5)   // 查到的话返回索引位置，查不到的话返回-1

every() / some() / forEach() / filter() / map()

都是传入一个函数做为参数，对传入的每个参数依次执行这个函数

every()如果每个函数的执行结果都是返回true，那么every的执行结果就会返回true

some()只要有一个函数执行返回true，那么some就会返回true

filter()将所有执行返回true的成员组成一个新的数组返回

map()用函数处理每个成员，并将结果组成一个新的数组来返回

forEach()没有返回值，单纯的执行函数

reduce()

reduceRight()

来自为知笔记(Wiz)

时间： 2024-05-02 05:48:27

javascript-js中技巧集合的相关文章

javascript (js)中的基本概念

1. 基本数据类型 1.1 number (数字)在js中没有整形和浮点型的区分,所有的数字都是浮点型标识, 采用64位的浮点格式来表示数字.如果数字类型用在字符串连接表达式中,则会自动转换成字符串, 在JS中表示16进制通过在数字前加"0x"或"0X"(零). 1.2 string (字符串)字符串类型是实用单引号('')或双引号("")括起来的unicode字符序列, 一些特殊的字符可以通过转义符来标识.如果字符串用在数字表达式环境中,字符串

如何在 javascript / js 中 建立一个map

建立map的方式(其实用的是json实现方式) var a = {}; a["key1"] = "value1"; a["key2"] = "value2"; 既然是个map就有检索某个键是否存在的方法,这样写 if ("key1" in a) { // something } else { // something else } 简单的一句话声明map里面的key和value的方式: var a = {'

js中常用方法集合

1. var post = new Array(); post['class'] = '1'; post['type'] = '2'; post['id'] = '3'; var postjson = JSON.stringify(post); console.log(postjson); 打印出来的值是一个[],原因是什么? post new出来的是一个数组对象,然后你给数组对象设置属性,但是数组序列化的时候只会序列化数组中的元素,会忽略对象上的属性和值. 按我实际的需求,直接用一个空的对象来

js中DOM集合的动态特性

先引出一个问题:通过调用getElements*()这样的方法返回来类(伪)数组,能对其本身的元素进行排序吗? 答案是不能,因为这些对象的都是NodeList . NamedNodeMap 或 HTMLCollection的实例.他们都是“动态的”.所谓动态就是每次调用实例上的方法,都会运行一次基于文档的查询.下面的代码会造成死循环 1 var oDivs = document.getElementsByTagName("div"); 2 for (var i = 0; i <

javascript js中的typeof使用

typeof运算符介 绍:typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型.它返回值是一个字符串,该字符串说明运算数的类型. 你 知道下面typeof运算的结果吗? typeof(1);typeof(NaN);typeof(Number.MIN_VALUE);typeof(Infinity);typeof("123");typeof(true);typeof(window);typeof(document);typeof(null);typeof(eval);ty

[javascript] js中判断对象是否为空的三种实现方法

在写js脚本的时候经常遇到对象为空或者不是对象的情况,出现这种情况我们可以用if去判断它,然后去执行相应的处理方法,具体判断他们的方法有以下几种: 1.if (typeOf(x) == "undefined")2.if (typeOf(x) != "object")3.if(!x) 其中第三种是最简单的方法,但是第三种就不能用if(x)这种互斥的方法去判断,只能在对象前面加!(java里面!x为true的时候x肯定为false了,但是这里是不可以的)

javascript(js)中的 substring和substr方法

1.substring 方法 定义和用法 substring 方法用于提取字符串中介于两个指定下标之间的字符. 语法 stringObject.substring(start,stop) 参数     描述start     必需.一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置.stop     可选.一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1.如果省略该参数,那么返回的子串会一直到字符串的结尾. 返回值 一个新的

js应用技巧集合

目录 装饰器 1.装饰器 /** 作者:sh22n链接:https://juejin.im/post/5e7822c3e51d4526f23a45ae来源:掘金 */ 类装饰器 装饰类的时候,装饰器方法一般会接收一个目标类作为参数.下面是一个给目标类增加静态属性 test 的例子: const decoratorClass = (targetClass) => { targetClass.test = '123' } @decoratorClass class Test {} Test.test

javaScript系列：js中获取时间new Date()详细介绍

var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期X(0-6,0代表星期天) 何问起 hovertree.commyDate.getTime(); //获取当前时