jquery 对象和数组json jquery操作数组

文章目录

• 一、jQuery中的数组操作

• 数组遍历

• 普通数组
• 数组中元素是键值对
• 数组中元素是字典

• 数组查用方法

• 二、jQuery中的字典操作

• 字典遍历

• 获取字典中的值
• 字典添加元素

• 三、字符串操作

• 字符串常用方法

一、jQuery中的数组操作

数组遍历

普通数组

<script>
    $(function () {
        var a = [1, 2, 3, 4, 5, 6, 7, 8, 9]
        for (var i=0;i<a.length;i++){
            console.log(a[i])
        }
    })
</script>

控制台输出结果：

数组中元素是键值对

<script>
    $(function () {
        var dic = new Array();   //注意它的类型是Array
        dic["zs"] = "张三";
        dic["ls"] = "李四";
        dic["ww"] = "王五";
        dic["zl"] = "赵六";
        // 创建数组中元素是键值对的数组
        console.log(dic)
        for (var key in dic) {
        	//取出key值
            console.log(key)  
            //根据key值得到值
            console.log(dic[key])  
        }
    })
</script>

控制台输出结果：

数组中元素是字典

<script>
    $(function () {
        var a = [{"a": 1, "b": 2}, {"aa": 1, "bb": 22}, {"cc": 4, "xx": 22}, {"a": 5, "ff": 2}, {"ah": 1, "gh": 22}]
        $.each(a, function (index, value){
            console.log(index);  //取出索引
            console.log(value) // 取出每个元素
        })
    })
</script>

控制台输出结果：

数组查用方法

方法名	描述
concat()	连接两个或更多的数组，并返回结果。
join()	把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop()	删除并返回数组的最后一个元素
push()	向数组的末尾添加一个或更多元素，并返回新的长度。
reverse()	颠倒数组中元素的顺序。
shift()	删除并返回数组的第一个元素
slice()	从某个已有的数组返回选定的元素
sort()	对数组的元素进行排序
splice()	删除元素，并向数组添加新元素。
toSource()	返回该对象的源代码。
toString()	把数组转换为字符串，并返回结果。
toLocaleString()	把数组转换为本地数组，并返回结果。
unshift()	向数组的开头添加一个或更多元素，并返回新的长度。
valueOf()	返回数组对象的原始值

二、jQuery中的字典操作

字典遍历

获取字典中的值

<script>
    $(function () {
        var a = {"a": 1, "b": 2,"aa": 1, "bb": 22,"cc": 4, "xx": 22, "ff": 2, "ah": 1, "gh": 22};
        console.log(a["a"]);
        console.log(a["b"]);
        console.log(a["aa"]);
        console.log(a["bb"]);
        console.log(a["cc"]);
        console.log(a["xx"]);
        console.log(a["ff"]);
        console.log(a["ah"]);
        console.log(a["gh"])
    })
</script>

控制台输出结果：

字典添加元素

<script>
    $(function () {
        var a = {"a": 1, "bb": 22, "cc": 4, "xx": 22};
        console.log(a)
        a["dasdas"] = 12
        console.log(a)
    })
</script>

控制台输出结果：

三、字符串操作

字符串常用方法

anchor()	创建 HTML 锚。
big()	用大号字体显示字符串。
blink()	显示闪动字符串。
bold()	使用粗体显示字符串。
charAt()	返回在指定位置的字符。
charCodeAt()	返回在指定的位置的字符的 Unicode 编码。
concat()	连接字符串。
fixed()	以打字机文本显示字符串。
fontcolor()	使用指定的颜色来显示字符串。
fontsize()	使用指定的尺寸来显示字符串。
fromCharCode()	从字符编码创建一个字符串。
indexOf()	检索字符串。
italics()	使用斜体显示字符串。
lastIndexOf()	从后向前搜索字符串。
link()	将字符串显示为链接。
localeCompare()	用本地特定的顺序来比较两个字符串。
match()	找到一个或多个正则表达式的匹配。
replace()	替换与正则表达式匹配的子串。
search()	检索与正则表达式相匹配的值。
slice()	提取字符串的片断，并在新的字符串中返回被提取的部分。
small()	使用小字号来显示字符串。
split()	把字符串分割为字符串数组。
strike()	使用删除线来显示字符串。
sub()	把字符串显示为下标。
substr()	从起始索引号提取字符串中指定数目的字符。
substring()	提取字符串中两个指定的索引号之间的字符。
sup()	把字符串显示为上标。
toLocaleLowerCase()	把字符串转换为小写。
toLocaleUpperCase()	把字符串转换为大写。
toLowerCase()	把字符串转换为小写。
toUpperCase()	把字符串转换为大写。
toSource()	代表对象的源代码。
toString()	返回字符串。
valueOf()	返回某个字符串对象的原始值。