js其他方法合集

目录

append() 与appendTo 

json.stringify()和json.parse()

判断当前元素是否是数组

判断是否是对象

判断环境

---

append() 与appendTo 

1. append(content)方法

    方法作用：向每个匹配的元素内部追加内容。

    参数介绍：content (<Content>): 要追加到目标中的内容。

    用法示例：

        HTML代码为<p>I come from </p><p>I love </p>

        向所有p标签中追加一个单词china，则写法为 $("p").append("china");

        结果为：<p>I come from china</p><p>I love china </p>

 

2. appendTo(expr)方法

    方法作用：把所有匹配的元素追加到指定的元素元素集合中。

    参数介绍：expr (String): 用于匹配元素的jQuery表达式。

    用法示例：

        HTML代码为<b>I love china </b><p></p>

        把标签b追加到p元素中，写法为$("b").appendTo("p");

        结果为：<p><b>I love china </b></p>

        使用appendTo这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。

 

json.stringify()和json.parse()

    json.stringfy()将对象、数组转换成字符串；

    json.parse()将字符串转成json对象。

JSON.stringify(value [, replacer] [, space]) 

• value：是必选字段。就是你输入的对象，比如数组，类等。 
• replacer：这个是可选的。它又分为2种方式，一种是数组，第二种是方法。

　情况一：replacer为数组时，通过后面的实验可以知道，它是和第一个参数value有关系的。一般来说，系列化后的结果是通过键值对来进行表示的。 所以，如果此时第二个参数的值在第一个存在，那么就以第二个参数的值做key，第一个参数的值为value进行表示，如果不存在，就忽略。

　　情况二：replacer为方法时，那很简单，就是说把系列化后的每一个对象（记住是每一个）传进方法里面进行处理。 

• space：就是用什么来做分隔符的。 

　　1）如果省略的话，那么显示出来的值就没有分隔符，直接输出来 。

　　2）如果是一个数字的话，那么它就定义缩进几个字符，当然如果大于10 ，则默认为10，因为最大值为10。

　　3）如果是一些转义字符，比如“\t”，表示回车，那么它每行一个回车。 

　　4）如果仅仅是字符串，就在每行输出值的时候把这些字符串附加上去。当然，最大长度也是10个字符。 

 

判断当前元素是否是数组

    1，通过 constructor 判断

    2，通过 instanceof 判断判断

    3，通过 toString 判断

    4，isArray 原生方法判断

function isArray(value) {
    return value && typeof value == 'object' && value.constructor === Array
}

function isArray(value) {
    return value && typeof value == 'object' && value instanceof Array
}

function isArray(value) {
    return Array.isArray(value) || (typeof value == 'object' && Object.prototype.toString.call(value) === '[object Array]')
}

Array.isArray()

 

判断是否是对象

function isObject(value) {
    return value != null && typeof value === 'object' && Object.prototype.toString.call(value) === '[object Object]'
}

 

判断环境

1，判断是否安卓
function isAndroid() {
    return /Android/i.test(navigator.userAgent) || /Linux/i.test(navigator.appVersion);
}

2，判断是否ios
function isIOS() {
    return (/ipad|iphone/i.test(navigator.userAgent));
}

3，判断是否是Safari
function isSafari() {
    return (/msie|applewebkit.+safari/i.test(navigator.userAgent));
}

4，判断是否在微信
function isWeixin() {
    return /MicroMessenger/i.test(navigator.userAgent);
}

5，判断是否为移动端
function isMobile() {
    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobi/i.test(navigator.userAgent) ||
        screen.width < 500;
}