`

jQuery join 与 split的区别 以及 map用法

阅读更多

1.join 与 split 的区别

join() 方法用于把数组中的所有元素放入一个字符串

元素是通过指定的分隔符进行分隔的。

指定分隔符方法join("#");其中#可以是任意

与之相反的是split()方法:用于把一个字符串分割成字符串数组.

stringObject.split(a,b)这是它的语法

 

2.map(callback)  方法对于获得或设置元素集的值特别有用

概述

将一组元素转换成其他数组(不论是否是元素数组)  你可以用这个函数来建立一个列表,不论是值、属性还是CSS样式,或者其他特别形式。这都可以用'$.map()'来方便的建立。

参数

callback

给每个元素执行的函数

示例 描述:

把form中的每个input元素的值建立一个列表。

HTML 代码:
<p><b>Values: </b></p>
<form>
  <input type="text" name="name" value="John"/>
  <input type="text" name="password" value="password"/>
  <input type="text" name="url" value="http://ejohn.org/"/>
</form>
jQuery 代码:  由于返回值是 jQuery 封装的数组,使用 get() 来处理返回的对象以得到基础的数组
$("p").append( $("input").map(function(){
  return $(this).val();
}).get().join(", ") );
结果:
[ <p>John, password, http://ejohn.org/</p> ]
分享到:
评论

相关推荐

    jquery 日期空间多选,多个日期逗号隔开

    在IT领域,jQuery是一款... 在HTML文件中,需要引入jQuery库、jQuery UI库以及相应的CSS文件,以确保日期选择器的正常显示和功能。 ```html &lt;script src="https://code.jquery.com/jquery-3.x.y.min.js"&gt;&lt;/script&gt; ...

    Jquery 获取url参数

    在jQuery中,没有直接用于获取URL参数的内置函数,但我们可以利用JavaScript的`location.search`属性和`split()`、`map()`、`reduce()`等数组方法来实现。以下是一种常见的实现方式: ```javascript function ...

    js和jquery的api

    4. **数组方法**:`push`, `pop`, `shift`, `unshift`, `slice`, `splice`, `concat`, `join`, `indexOf`, `lastIndexOf`, `forEach`, `map`, `filter`, `reduce`, `some` 和 `every` 等是常用的数组操作方法。...

    jQuery时间戳转换倒计时代码.zip

    本资源“jQuery时间戳转换倒计时代码.zip”包含了一组实用的JavaScript代码,用于实现时间戳与倒计时功能,以及将数字转换为汉字等常见需求。 首先,时间戳是计算机科学中表示时间的一种方式,它是一个自1970年1月1...

    jQuery实现下拉框多选 jquery-multiselect 的实例代码

    如果需要设置默认选中的值,可以先获取这些值组成的字符串,然后使用`split()`方法将其转换成数组,并利用jQuery的`.val()`方法来设置它们,最后调用`refresh()`方法来更新multiselect插件: ```javascript var ...

    jQuery时间戳转换、倒计时、数字转汉字代码

    var chineseDigits = num.split("").map(function(digit) { return chineseNums[digit]; }).join(""); $(this).text(chineseDigits); }); }; $(".digit").numberToChinese(); // 假设我们有类名为'digit'的...

    jquery需要的所有js文件

    jquery需要的所有js文件 /*! * jQuery UI 1.8.18 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * ...

    《JavaScript 教学》

    4. **数组和字符串方法**:掌握常见的数组和字符串操作方法,如map、filter、reduce、join、split等,提升代码效率。 5. **事件与DOM操作**:学习如何通过JavaScript操作HTML元素,包括选择元素、添加删除元素、...

    JavaScript语言参考手册+源码大全

    4. **数组与集合方法**:介绍数组的各种操作方法,如push、pop、shift、unshift、slice、splice、concat、join等,以及Map、Set、WeakMap和WeakSet等集合类型。 5. **事件与DOM操作**:讲解如何处理用户输入和页面...

    javascrip中文手册

    4. **数组方法**:push、pop、shift、unshift、slice、splice、concat、join、split等,以及ES6新增的扩展运算符、map、filter、reduce等。 5. **字符串方法**:trim、indexOf、substring、replace、split等,以及...

    javascript文件

    4. **数组方法**:push、pop、shift、unshift、slice、splice、concat、join、split、map、filter、reduce、forEach等。 5. **事件与DOM操作**:事件处理(事件监听、事件冒泡、事件委托)、DOM操作(选择元素、...

    JS(JQuery)操作Array的相关方法介绍

    在JavaScript(以及jQuery库)中,处理数组的方法非常丰富,这些方法可以帮助开发者高效地操作和管理数组数据。以下是对JS和jQuery操作Array的一些主要方法的详细说明: 1. **split()**: `split()`函数用于将一个...

    JavaScript参考手册大全合集.chm

    3. **数组和字符串**:数组方法(push、pop、shift、unshift、slice、splice、concat、indexOf、join、map、filter、reduce等)以及字符串方法(charAt、indexOf、replace、trim、split等)。 4. **正则表达式**:...

    人民币数字转大写金额.rar

    var integerPart = num[0].split('').reverse().map(function(digit, index) { return chineseNums[digit] + (units[index % 4] || ''); }).join(''); var decimalPart = num[1] ? '.' + chineseNums[num[1]] ...

    JavaScript宝典

    12. **框架与库**:现代JavaScript开发中,React、Vue、Angular等前端框架,以及jQuery、Lodash等工具库,极大地提高了开发效率和代码复用。 13. **调试和测试**:学习如何使用浏览器的开发者工具进行断点调试,...

    JavaScript源码大全 v1.0(CHM)

    4. **数组与字符串**:数组方法(push, pop, shift, unshift, slice, splice, join等)和字符串方法(substring, replace, split等)的使用。 5. **事件与DOM操作**:DOM(Document Object Model)节点操作、事件...

    javascript常用代码及汇总

    此外,JavaScript还提供了许多内置函数和方法,如数组的`map`、`filter`、`reduce`等,以及字符串的`split`、`join`、`trim`等,这些工具极大地提高了开发效率。 在函数式编程方面,JavaScript也有所涉猎,例如闭包...

    python面试宝典

    - **字符串**: 字符序列,常用方法如`split()`, `join()`, `replace()`等。 - **列表**: 可以包含多个元素的数据结构,元素可以是不同的数据类型。 - **元组**: 不可变的序列类型,通常用于存储异构数据。 - **集合*...

    js jq输入姓名转成拼音姓大写 带空格

    .map(word =&gt; word.charAt(0).toUpperCase() + word.slice(1)) .join(' '); console.log(pinyinName); // 输出 "Wang Si Cong" ``` 这里,我们先将生成的拼音字符串拆分成单词数组,然后对每个单词的首字母进行...

    fluent:用于stdlib(和其他)对象的Python包装器,以使它们具有流畅的界面

    fluentpy-流畅的Python库 Fluentpy为现有API(例如标准库)提供了流畅的接口,使您能够以面向对象和流畅的样式使用它们。 Fluentpy受到JavaScript的jQuery和... &gt;&gt;&gt; list(map(str.upper, sorted("ba,dc".split(

Global site tag (gtag.js) - Google Analytics